@font-face{font-family:almarai;src:url(/_next/static/media/7990b9040561e53a-s.p.ttf) format("truetype");font-display:swap;font-weight:400}@font-face{font-family:almarai;src:url(/_next/static/media/227d15c6415635c9-s.p.ttf) format("truetype");font-display:swap;font-weight:700}@font-face{font-family:almarai Fallback;src:local("Arial");ascent-override:94.55%;descent-override:22.04%;line-gap-override:0.00%;size-adjust:95.71%}.__className_98193c{font-family:almarai,almarai Fallback}.__variable_98193c{--font-ar:"almarai","almarai Fallback"}@font-face{font-family:inter;src:url(/_next/static/media/4c0a38defdf31450-s.p.ttf) format("truetype");font-display:swap}@font-face{font-family:inter Fallback;src:local("Arial");ascent-override:89.79%;descent-override:22.36%;line-gap-override:0.00%;size-adjust:107.89%}.__className_a1b54b{font-family:inter,inter Fallback}.__variable_a1b54b{--font-en:"inter","inter Fallback"}:root{--bg:#030b13;--bg-2:#061421;--panel:#0a1a28;--panel-2:#0e2233;--line:#1b3142;--line-2:#25425a;--text:#eaf3f7;--muted:#8fa6b5;--accent:#00badb;--accent-light:#4ee4f1;--blue:#4f7dff;--grad:linear-gradient(100deg,#7af0fa,#00badb 45%,#4f7dff);--ease:cubic-bezier(.22,1,.36,1);--intro:1.55s;--font-main:var(--font-ar),sans-serif;color-scheme:dark}html.intro-seen{--intro:.1s}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-main);font-size:16px;line-height:1.85;overflow-x:hidden}html[lang=en]{--font-main:var(--font-en),sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit;background:none;border:0;cursor:pointer}.disabled,button:disabled{cursor:wait;opacity:.5}img{display:block;max-width:100%;object-fit:contain}svg{flex-shrink:0}h1,h2,h3,p{margin-top:0}p{color:var(--muted)}h1,h2,h3{font-weight:700;line-height:1.35;letter-spacing:-.02em}html[lang=en] h1,html[lang=en] h2{letter-spacing:-.035em}h2{font-size:clamp(30px,3.4vw,50px);margin-bottom:26px}h3{font-size:22px}::selection{background:#00badb55;color:#fff}:focus-visible{outline:2px solid var(--accent-light);outline-offset:4px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:1px}input,select,textarea{width:100%;color:var(--text);background:transparent;border:1px solid var(--line);border-radius:10px;padding:12px 15px;min-height:48px}input::placeholder,textarea::placeholder{color:#617d8e}input[type=checkbox]{width:18px;height:18px;min-height:0;accent-color:var(--accent)}textarea{resize:vertical}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.section{padding-block:clamp(70px,10vw,140px)}.mono{font-family:var(--font-en),monospace;font-size:11px;letter-spacing:1.6px;line-height:1.7}.muted{color:var(--muted)}.accent-text{color:var(--accent)}.gradient-text{background:var(--grad);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradShift 6s ease-in-out infinite alternate}.gradient-text .w>span{background:inherit;-webkit-background-clip:text;background-clip:text}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);display:inline-block;flex-shrink:0;box-shadow:0 0 12px var(--accent)}.status-dot.pulse{animation:dotPulse 2s infinite}.button{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:12px 28px;font-size:15px;font-weight:700;border:1px solid transparent;border-radius:999px;transition:background .3s,transform .3s var(--ease),box-shadow .3s,border-color .3s,color .3s;isolation:isolate}.button:hover{transform:translateY(-3px)}.primary{background:var(--accent);color:#02131c}.primary:hover{background:var(--accent-light);box-shadow:0 12px 40px -8px #00badb99}.glow-button{box-shadow:0 0 0 1px #4ee4f155,0 10px 40px -10px #00badbaa}.btn-shine{position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 30%,#ffffff80 50%,transparent 70%);transform:translateX(-120%);animation:shine 3.6s var(--ease) infinite}.ghost{border-color:var(--line-2);color:var(--text);background:#ffffff06;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ghost:hover{border-color:var(--accent);color:var(--accent-light)}.outline{border-color:var(--line-2);color:var(--text)}.outline:hover{border-color:var(--accent);background:#00badb14}.text-link{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:var(--text)}.text-link:hover{color:var(--accent)}.skip-link{position:fixed;top:-80px;inset-inline-start:20px;background:var(--accent);padding:10px 16px;border-radius:8px;z-index:300;color:#000}.skip-link:focus{top:15px}.field-error{color:#ff9d9d;font-size:12px;display:block;margin-top:7px}.spin{animation:spin 1s linear infinite}.honeypot{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}.noise{position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;background:var(--grad);transform-origin:0 50%;z-index:120;box-shadow:0 0 14px #00badb}[dir=rtl] .scroll-progress{transform-origin:100% 50%}.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;pointer-events:none;z-index:250;border-radius:50%;display:none}html.has-cursor .cursor-dot,html.has-cursor .cursor-ring{display:block}.cursor-dot{width:6px;height:6px;margin:-3px 0 0 -3px;background:var(--accent-light);box-shadow:0 0 10px var(--accent)}.cursor-ring{width:38px;height:38px;margin:-19px 0 0 -19px;border:1px solid #4ee4f199}.cursor-ring:after{content:"";position:absolute;inset:0;border-radius:50%;background:#00badb22;transform:scale(0);transition:transform .35s var(--ease)}.cursor-ring.hot:after{transform:scale(1.7)}.cursor-ring.hot{border-color:transparent}.cursor-ring.down:after{transform:scale(1.1)}.cursor-ring.text{opacity:0}.spot{position:relative;isolation:isolate}.spot:before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:1;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),#4ee4f122,transparent 45%)}.spot:hover:before{opacity:1}.tilt{transition:transform .5s var(--ease);transform-style:preserve-3d;will-change:transform}.magnetic{display:inline-flex;transition:transform .45s var(--ease)}html.js .reveal{opacity:0;transition:opacity 1s var(--ease) var(--d,0s),transform 1.1s var(--ease) var(--d,0s),clip-path 1.2s var(--ease) var(--d,0s),filter 1s var(--ease) var(--d,0s)}html.js .fx-up{transform:translateY(50px)}html.js .fx-scale{transform:scale(.88) translateY(30px)}html.js .fx-blur{filter:blur(12px)}html.js .fx-side{transform:translateX(-50px)}html.js [dir=rtl] .fx-side{transform:translateX(50px)}html.js .fx-mask>:first-child{clip-path:inset(100% 0 0 0);transition:clip-path 1.3s var(--ease) var(--d,0s)}html.js .reveal.in{opacity:1;transform:none;filter:none}html.js .fx-mask.in>:first-child{clip-path:inset(0 0 0 0 round 28px)}.words .w{overflow:hidden;vertical-align:top;padding-block:.08em .2em;margin-block:-.08em -.2em}.words .w,.words .w>span{display:inline-block}html.js .reveal .words .w>span{transform:translateY(115%) rotate(4deg);transition:transform 1.1s var(--ease) calc(var(--d,0s) + var(--i,0) * .07s)}html.js .reveal.in .words .w>span{transform:none}html.js .hero-title .w>span{animation:wordUp 1.15s var(--ease) both;animation-delay:calc(var(--intro) + .15s + var(--i,0) * .08s)}html.js .intro-in{animation:introIn 1s var(--ease) both;animation-delay:calc(var(--intro) + var(--d,0s))}html.js .intro-pop{animation:introPop 1.6s var(--ease) both;animation-delay:calc(var(--intro) + .2s)}.preloader{position:fixed;inset:0;z-index:400;display:grid;place-items:center;pointer-events:none;animation:preHide .01s linear 1.95s forwards}html.intro-seen .preloader,html:not(.js) .preloader{display:none}.pre-grid{position:absolute;inset:0;z-index:1;background:linear-gradient(#0e2a3b 1px,transparent 0) 0 0/46px 46px,linear-gradient(90deg,#0e2a3b 1px,transparent 0) 0 0/46px 46px;-webkit-mask:radial-gradient(circle at center,#000 0,transparent 60%);mask:radial-gradient(circle at center,#000 0,transparent 60%);opacity:.6;animation:fadeOut .4s ease 1.2s forwards}.pre-core{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:22px;animation:preCore 1.3s var(--ease) both}.pre-core img{width:96px;height:auto;filter:drop-shadow(0 0 30px #00badb)}.pre-text{font-size:14px;letter-spacing:6px;color:var(--text)}.pre-text span{color:var(--accent)}.pre-bar{width:180px;height:2px;background:#ffffff14;border-radius:2px;overflow:hidden}.pre-bar span{display:block;height:100%;background:var(--grad);transform-origin:0 50%;animation:preBar 1.1s var(--ease) both}.pre-curtain{position:absolute;left:0;right:0;height:50.5%;background:#020a11;z-index:2}.pre-curtain.a{top:0;animation:curtainUp .7s cubic-bezier(.76,0,.24,1) 1.25s forwards}.pre-curtain.b{bottom:0;animation:curtainDown .7s cubic-bezier(.76,0,.24,1) 1.25s forwards}.header{position:fixed;top:0;left:0;right:0;z-index:100;transition:padding .4s var(--ease)}html.js .header{animation:headerIn 1s var(--ease) both;animation-delay:calc(var(--intro) + .1s)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px;padding-inline:0;border:1px solid transparent;border-radius:999px;transition:all .5s var(--ease)}.header.scrolled{padding-top:12px}.header.scrolled .header-inner{min-height:66px;padding-inline:22px;background:#06141fd0;-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border-color:#ffffff14;box-shadow:0 20px 50px -20px #000c}.brand img{width:140px;height:auto;transition:width .4s var(--ease)}.header.scrolled .brand img{width:118px}.desktop-nav{display:flex;gap:4px;padding:5px;border-radius:999px;background:#ffffff06;border:1px solid #ffffff0d}.desktop-nav a{position:relative;padding:8px 18px;font-size:14px;color:#a9bdca;border-radius:999px;transition:color .3s}.desktop-nav a.active,.desktop-nav a:hover{color:#fff}.nav-pill{position:absolute;inset:0;border-radius:999px;background:linear-gradient(135deg,#00badb33,#4f7dff22);border:1px solid #4ee4f140;z-index:0}.nav-label{position:relative;z-index:1}.header-tools{display:flex;align-items:center;gap:12px}.language-switch{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;padding:9px 14px;border-radius:999px;color:#bcd0dc;transition:color .3s,background .3s}.language-switch:hover{color:#fff;background:#ffffff0d}.header-cta{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:700;padding:10px 20px;border-radius:999px;background:var(--text);color:#03131d;transition:transform .3s var(--ease),background .3s}.header-cta:hover{background:var(--accent-light);transform:translateY(-2px)}.header-cta svg{transition:transform .3s var(--ease)}.header-cta:hover svg{transform:translate(3px,-3px)}[dir=rtl] .header-cta:hover svg{transform:translate(-3px,-3px)}.menu-toggle{display:none;width:46px;height:46px;border-radius:50%;align-items:center;justify-content:center;border:1px solid var(--line-2);background:#ffffff08}.mobile-menu{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:24px;border:0;background:#020b12;color:var(--text);overflow:hidden auto}.mobile-menu::backdrop{background:#000a}.mobile-menu[open]{display:flex;flex-direction:column;animation:menuIn .55s var(--ease)}.menu-glow{position:absolute;width:520px;height:520px;top:-180px;inset-inline-end:-200px;border-radius:50%;background:radial-gradient(circle,#00badb55,transparent 65%);filter:blur(20px);pointer-events:none;animation:floatBlob 9s ease-in-out infinite alternate}.menu-head{position:relative;display:flex;justify-content:space-between;align-items:center}.menu-head img{width:130px;height:auto}.menu-close{width:50px;height:50px;border-radius:50%;border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center;transition:transform .5s var(--ease),border-color .3s}.menu-close:focus-visible,.menu-close:hover{transform:rotate(90deg);border-color:var(--accent)}.mobile-menu nav{position:relative;display:flex;flex-direction:column;margin-block:auto;padding-block:40px}.mobile-menu nav a{display:flex;align-items:center;gap:18px;font-size:clamp(28px,8vw,40px);font-weight:700;padding:12px 0;border-bottom:1px solid #ffffff10;opacity:0;transform:translateY(30px);animation:menuItem .7s var(--ease) forwards;animation-delay:calc(.12s + var(--i) * .07s)}.mobile-menu nav a .mono{color:var(--accent);font-size:12px}.mobile-menu nav a svg{margin-inline-start:auto;color:var(--muted);transition:transform .3s}.mobile-menu nav a.active,.mobile-menu nav a:hover{color:var(--accent-light)}.menu-foot{position:relative;display:flex;flex-direction:column;gap:12px;font-size:14px;color:var(--muted);opacity:0;animation:menuItem .7s var(--ease) .55s forwards}.menu-foot>a{display:flex;align-items:center;gap:10px;color:var(--text)}.menu-social{display:flex;flex-wrap:wrap;gap:10px}.menu-social a{padding:8px 16px;border:1px solid var(--line-2);border-radius:999px;font-size:13px}.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-top:110px;overflow:hidden;isolation:isolate}.hero-canvas{width:100%;height:100%;z-index:-1}.hero-canvas,.hero-grid{position:absolute;inset:0}.hero-grid{z-index:-2;background:linear-gradient(#0c2535 1px,transparent 0) 0 0/64px 64px,linear-gradient(90deg,#0c2535 1px,transparent 0) 0 0/64px 64px;-webkit-mask:radial-gradient(ellipse 70% 60% at 50% 40%,#000 10%,transparent 75%);mask:radial-gradient(ellipse 70% 60% at 50% 40%,#000 10%,transparent 75%);opacity:.55;animation:gridMove 20s linear infinite}.hero-aurora{position:absolute;inset:0;z-index:-3;overflow:hidden}.hero-aurora span{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;animation:floatBlob 14s ease-in-out infinite alternate}.hero-aurora span:first-child{width:46vw;height:46vw;background:#00badb;top:-18vw;inset-inline-end:-10vw;opacity:.28}.hero-aurora span:nth-child(2){width:36vw;height:36vw;background:#2f5bff;bottom:-16vw;inset-inline-start:-8vw;opacity:.22;animation-duration:18s}.hero-aurora span:nth-child(3){width:22vw;height:22vw;background:#4ee4f1;top:30%;left:40%;opacity:.12;animation-duration:11s}.hero-inner{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;flex:1 1}.hero-copy{position:relative;z-index:2}.hero-badge{display:inline-flex;align-items:center;gap:12px;padding:8px 18px 8px 16px;border-radius:999px;border:1px solid #4ee4f133;background:#00badb0f;font-size:13px;color:#bdeef6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hello{margin:26px 0 6px;font-size:clamp(18px,1.6vw,22px);color:#b8cad6}.name-glitch{position:relative;display:inline-block;color:var(--text);font-weight:700}.name-glitch:after,.name-glitch:before{content:attr(data-text);position:absolute;inset:0;opacity:.8}.name-glitch:before{color:#4ee4f1;animation:glitch 4s steps(1) infinite;clip-path:inset(0 0 60% 0)}.name-glitch:after{color:#4f7dff;animation:glitch 4s steps(1) infinite reverse;clip-path:inset(55% 0 0 0)}.hero-title{font-size:clamp(40px,5.4vw,82px);line-height:1.22;margin:0 0 26px;font-weight:800}.hero-line{display:block}.accent-line .words{animation:gradShift 6s ease-in-out infinite alternate}.accent-line .w>span,.accent-line .words{background:var(--grad);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:clamp(17px,1.35vw,20px);max-width:560px;margin-bottom:38px;line-height:2}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.hero-visual{position:relative;height:min(640px,72vh);min-height:480px;display:grid;place-items:center}.orbit-system{position:relative;width:min(540px,100%);aspect-ratio:1;transform:translate(calc(var(--px,0) * -16px),calc(var(--py,0) * -16px));transition:transform .8s var(--ease)}.orbit-ring{position:absolute;inset:0;border-radius:50%;border:1px solid #4ee4f126}.orbit-ring.r1{inset:4%;border-style:dashed;animation:spin 60s linear infinite}.orbit-ring.r2{inset:19%;border-color:#4f7dff30;animation:spin 40s linear infinite reverse}.orbit-ring.r2:before{content:"";position:absolute;top:-4px;left:50%;width:8px;height:8px;border-radius:50%;background:var(--accent-light);box-shadow:0 0 18px var(--accent)}.orbit-ring.r3{inset:33%;border-color:#00badb40;box-shadow:inset 0 0 60px #00badb22}.orbit-track{position:absolute;inset:4%;animation:spin 45s linear infinite}.orbit-node{position:absolute;top:50%;left:50%;width:0;height:0;transform:rotate(var(--a)) translateX(min(250px,46vw)) rotate(calc(var(--a) * -1))}.orbit-icon{position:absolute;width:62px;height:62px;margin:-31px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#0f2b3cdd,#071824dd);border:1px solid #4ee4f12e;color:#bdf3fa;box-shadow:0 10px 30px -8px #000,0 0 0 4px #00badb0a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:spin 45s linear infinite reverse}.orbit-icon svg{width:28px;height:28px}.core{position:absolute;inset:30%;display:grid;place-items:center}.core img{position:relative;width:78%;height:auto;filter:drop-shadow(0 20px 40px #00badb66);animation:float 6s ease-in-out infinite}.core-glow{position:absolute;inset:-10%;border-radius:50%;background:radial-gradient(circle,#00badb55,transparent 65%);animation:glowPulse 4s ease-in-out infinite}.float-terminal{position:absolute;bottom:-3%;inset-inline-start:-6%;width:min(370px,78%);z-index:3;transform:translate(calc(var(--px,0) * 22px),calc(var(--py,0) * 22px));transition:transform .8s var(--ease)}html.js .float-terminal{animation:introIn 1.1s var(--ease) both;animation-delay:calc(var(--intro) + .9s)}.terminal{border-radius:16px;overflow:hidden;background:#06121ccc;border:1px solid #4ee4f126;box-shadow:0 30px 80px -20px #000e,inset 0 0 0 1px #ffffff08;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:left}.terminal-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid #ffffff0d;background:#ffffff05}.terminal-bar>span{width:10px;height:10px;border-radius:50%;background:#ff5f57}.terminal-bar>span:nth-child(2){background:#febc2e}.terminal-bar>span:nth-child(3){background:#28c840}.terminal-bar small{margin-left:10px;font-size:11px;color:#6f8b9c;font-family:var(--font-en),monospace}.terminal-code{margin:0;padding:16px 18px 18px;font-size:12.5px;line-height:1.85;color:#d3e4ec;min-height:236px;white-space:pre;overflow:hidden;letter-spacing:0}.terminal-code .ln{display:inline-block;width:26px;color:#3e5a6b;-webkit-user-select:none;user-select:none}.terminal-code em{color:#ff7ab6;font-style:normal}.terminal-code b{color:#7af0a6;font-weight:400}.terminal-code i{color:#5d7a8c}.terminal-code u{color:#4ee4f1;text-decoration:none}.caret{display:inline-block;width:8px;height:15px;background:var(--accent-light);vertical-align:-2px;margin-left:2px;animation:blink 1s steps(1) infinite}.float-chip{position:absolute;display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:999px;background:#0a1d2bcc;border:1px solid #4ee4f12a;color:#c5eef5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:11px;box-shadow:0 12px 30px -10px #000;animation:bob 5s ease-in-out infinite;transform:translate(calc(var(--px,0) * 30px),calc(var(--py,0) * 30px));transition:transform .8s var(--ease)}.float-chip svg{color:var(--accent-light)}.chip-a{top:9%;inset-inline-end:4%}.chip-b{top:46%;inset-inline-end:-3%;animation-delay:-2s}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 70px 34px;position:relative;z-index:2}.site{overflow-x:clip}html.js .hero-bottom{animation:introIn 1s var(--ease) both;animation-delay:calc(var(--intro) + 1.1s)}.scroll-cue{display:inline-flex;align-items:center;gap:14px;font-size:13px;color:#9cb3c1;transition:color .3s}.scroll-cue:hover{color:var(--accent-light)}.mouse{width:24px;height:38px;border-radius:14px;border:1.5px solid #6d8a9c;display:flex;justify-content:center;padding-top:7px}.mouse span{width:3px;height:8px;border-radius:3px;background:var(--accent-light);animation:wheel 1.8s ease-in-out infinite}.hero-index{display:flex;gap:26px;color:#6f8b9c}.hero-index a{display:flex;gap:8px;transition:color .3s;font-family:var(--font-main);letter-spacing:0;font-size:13px}.hero-index a span{color:var(--accent);font-family:var(--font-en)}.hero-index a:hover{color:var(--text)}.marquee{display:flex;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee-track{display:flex;flex-shrink:0;animation:marquee 34s linear infinite}.marquee.reverse .marquee-track{animation-direction:reverse}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-group{display:flex;flex-shrink:0;align-items:center}.marquee-band{position:relative;z-index:3;margin-block:-10px;padding-block:20px;background:var(--grad);transform:rotate(-1.6deg) scale(1.03);box-shadow:0 20px 60px -20px #00badb88}.marquee-band .marquee{-webkit-mask:none;mask:none}.marquee-item{display:flex;align-items:center;gap:34px;padding-inline-end:34px;font-family:var(--font-en);font-weight:800;font-size:clamp(22px,2.6vw,36px);letter-spacing:.04em;color:#021019;white-space:nowrap}.marquee-item .star{font-size:.7em}.tech-marquee{display:flex;flex-direction:column;gap:16px;padding-bottom:clamp(60px,8vw,110px)}.tech-pill{display:inline-flex;align-items:center;gap:12px;margin-inline-end:16px;padding:14px 24px;border-radius:999px;border:1px solid var(--line);background:#0a1a28aa;font-family:var(--font-en);font-weight:700;font-size:16px;color:#cfe2ea;white-space:nowrap;transition:border-color .3s,color .3s}.tech-pill svg{width:22px;height:22px;color:var(--accent-light)}.tech-pill:hover{border-color:var(--accent);color:#fff}.about-section,.contact-section,.skills-section,.work-section{position:relative;isolation:isolate}.section-num{position:absolute;top:40px;inset-inline-end:3vw;z-index:-1;font-family:var(--font-en);font-weight:800;font-size:clamp(140px,22vw,340px);line-height:1;color:transparent;-webkit-text-stroke:1px #4ee4f114;pointer-events:none;-webkit-user-select:none;user-select:none}.section-label{display:inline-flex;align-items:center;gap:12px;margin-bottom:22px;padding:7px 16px;border-radius:999px;border:1px solid #4ee4f126;background:#00badb0b;color:var(--accent-light);font-size:13px;font-weight:700}.section-label .mono{color:var(--accent)}.big-title{font-size:clamp(34px,4.2vw,64px);line-height:1.25;margin-bottom:24px}.huge-title{font-size:clamp(40px,5.6vw,88px);line-height:1.18;margin-bottom:24px}.section-heading{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:50px;margin-bottom:60px}.section-heading p{font-size:17px;margin-bottom:30px;max-width:440px}.about-section{background:radial-gradient(ellipse 60% 50% at 0 50%,#00badb12,transparent 70%)}.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,7vw,110px);align-items:center}.portrait-card,.portrait-wrap{position:relative}.portrait-card{border-radius:28px;overflow:hidden;aspect-ratio:4/5;background:linear-gradient(160deg,#0f2738,#06131e);border:1px solid #4ee4f126;box-shadow:0 40px 100px -30px #000,0 0 0 8px #00badb08}.portrait{width:100%;height:100%;object-fit:cover}.neutral-portrait{height:100%;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#00badb26,transparent 60%)}.neutral-portrait img{width:62%;height:auto;opacity:.9;filter:drop-shadow(0 0 30px #00badb55)}.portrait-scan{position:absolute;left:0;right:0;height:30%;top:-30%;background:linear-gradient(180deg,transparent,#4ee4f122,transparent);animation:scan 5s ease-in-out infinite;z-index:2;pointer-events:none}.corner{position:absolute;width:40px;height:40px;border:2px solid var(--accent);z-index:3}.corner.tl{top:18px;inset-inline-start:18px;border-inline-end:0;border-bottom:0;border-start-start-radius:12px}.corner.br{bottom:18px;inset-inline-end:18px;border-inline-start:0;border-top:0;border-end-end-radius:12px}.portrait-tag{position:absolute;bottom:22px;inset-inline-start:22px;z-index:3;display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:#030b13cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffffff14;color:#cfe8ef}.portrait-orbit{position:absolute;inset:-6%;border-radius:40px;border:1px dashed #4ee4f126;z-index:-1;animation:breathe 6s ease-in-out infinite}.scroll-text{font-size:clamp(20px,2vw,28px);line-height:1.85;font-weight:700;margin-bottom:44px;color:var(--text)}html.js .scroll-text .sw{color:#eaf3f72a;transition:color .35s ease}html.js .scroll-text .sw.lit{color:var(--text)}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:36px}.principle{height:100%;display:flex;flex-direction:column;gap:8px;padding:24px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(160deg,#0c1f2e,#07141f);transition:border-color .3s,transform .4s var(--ease)}.principle:hover{border-color:#4ee4f155;transform:translateY(-6px)}.principle-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#00badb18;color:var(--accent-light);margin-bottom:8px;transition:transform .5s var(--ease)}.principle:hover .principle-icon{transform:rotate(-8deg) scale(1.1)}.principle strong{font-size:17px}.principle>span:last-child{font-size:14px;color:var(--muted);line-height:1.8}.stats-band{border-block:1px solid var(--line);background:linear-gradient(90deg,#06131e,#081c2b,#06131e)}.stats{display:grid;grid-template-columns:repeat(3,1fr)}.stat{display:flex;flex-direction:column;align-items:center;gap:6px;padding:46px 20px;text-align:center;border-inline-end:1px solid var(--line)}.stat:last-child{border:0}.stat strong{font-size:clamp(48px,6vw,84px);font-weight:800;letter-spacing:0;line-height:1;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.stat>span{font-size:15px;color:var(--muted)}.skills-section{background:radial-gradient(ellipse 50% 40% at 100% 20%,#4f7dff12,transparent 70%)}.skills-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:70px}.skill-card{height:100%;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:6px;padding:30px 26px 26px;border-radius:22px;border:1px solid var(--line);background:linear-gradient(165deg,#0d2131,#06121c);transition:border-color .35s,box-shadow .4s}.skill-card:hover{border-color:#4ee4f150;box-shadow:0 30px 60px -30px #00badb66}.skill-icon{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;margin-bottom:18px;background:#ffffff08;border:1px solid #ffffff10;color:#d7f6fb;transition:transform .5s var(--ease),background .4s,color .4s;transform:translateZ(30px)}.skill-card:hover .skill-icon{background:var(--accent);color:#03131d;transform:translateZ(40px) rotate(-6deg) scale(1.06)}.skill-card h3{font-size:19px;margin:0;font-family:var(--font-en)}.skill-cat{font-size:13px;color:var(--muted)}.skill-number{position:absolute;top:22px;inset-inline-end:24px;color:#3e5a6b}.skill-bar{position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--grad);transform:scaleX(0);transition:transform .6s var(--ease)}.skill-card:hover .skill-bar{transform:scaleX(1)}.work-section{background:linear-gradient(180deg,transparent,#051019 30%,#051019 70%,transparent)}.work-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:40px;flex-wrap:wrap}.work-filters{display:flex;flex-wrap:wrap;gap:6px;padding:6px;border-radius:999px;border:1px solid var(--line);background:#0a1a28aa}.work-filters button{position:relative;display:inline-flex;align-items:center;gap:10px;padding:10px 20px;border-radius:999px;font-size:14px;color:#a9bdca;transition:color .3s}.work-filters button:hover{color:#fff}.work-filters button.selected{color:#03131d;font-weight:700}.filter-pill{position:absolute;inset:0;border-radius:999px;background:var(--grad);z-index:0;box-shadow:0 8px 24px -8px #00badb}.filter-count,.filter-label{position:relative;z-index:1}.filter-count{font-family:var(--font-en);font-size:11px;min-width:22px;padding:1px 6px;border-radius:999px;background:#ffffff14}.selected .filter-count{background:#03131d26}.work-count{color:var(--muted);font-size:13px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.project-item>.reveal{height:100%}.project-card,.project-shell{height:100%;border-radius:24px}.project-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);background:linear-gradient(170deg,#0c1f2e,#06121c);transition:border-color .4s,box-shadow .5s var(--ease)}.project-card:focus-visible,.project-card:hover{border-color:#4ee4f155;box-shadow:0 40px 80px -30px #00badb55}.project-browser{display:flex;align-items:center;gap:6px;padding:12px 16px;background:#ffffff06;border-bottom:1px solid #ffffff0d}.project-browser>span{width:9px;height:9px;border-radius:50%;background:#2c4758}.project-card:hover .project-browser>span:first-child{background:#ff5f57}.project-card:hover .project-browser>span:nth-child(2){background:#febc2e}.project-card:hover .project-browser>span:nth-child(3){background:#28c840}.project-browser small{margin-left:10px;padding:2px 12px;border-radius:999px;background:#ffffff08;font-size:11px;color:#7f9aab;font-family:var(--font-en);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1}.project-preview{position:relative;aspect-ratio:16/11;overflow:hidden;background:#040e16}.project-preview img{width:100%;transition-property:transform;transition-timing-function:cubic-bezier(.45,0,.25,1)}.project-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,#030b13cc);pointer-events:none;transition:opacity .4s}.project-card:hover .project-preview:after{opacity:0}.project-no-image{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#46768e}.scroll-hint{position:absolute;top:14px;inset-inline-end:14px;z-index:2;padding:5px 10px;border-radius:999px;background:#030b13bb;color:#9fd8e3;font-size:9px;opacity:0;transform:translateY(-6px);transition:all .4s var(--ease)}.project-card:hover .scroll-hint{opacity:1;transform:none}.visit-project{position:absolute;bottom:16px;inset-inline-start:16px;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;background:var(--accent);color:#03131d;font-size:13px;font-weight:700;opacity:0;transform:translateY(12px);transition:all .45s var(--ease)}.project-card:focus-visible .visit-project,.project-card:hover .visit-project{opacity:1;transform:none}.project-info{display:flex;flex-direction:column;flex:1 1;padding:22px 24px 26px}.project-meta{display:flex;align-items:center;gap:12px;margin-bottom:12px}.project-index{color:var(--accent)}.project-cat{font-size:12px;padding:3px 12px;border-radius:999px;background:#00badb14;color:#9fe6f1;border:1px solid #4ee4f126}.project-info h3{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:21px;margin-bottom:10px}.project-info h3 svg{color:var(--muted);transition:transform .4s var(--ease),color .3s}.project-card:hover h3 svg{color:var(--accent-light);transform:translate(4px,-4px)}[dir=rtl] .project-card:hover h3 svg{transform:translate(-4px,-4px)}.project-info p{font-size:14.5px;line-height:1.9;margin-bottom:18px}.project-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.project-tags span{font-family:var(--font-en);font-size:11px;padding:4px 10px;border-radius:8px;background:#ffffff08;color:#9db4c2;border:1px solid #ffffff0d}[dir=rtl] .project-tags{justify-content:flex-end}.work-empty{text-align:center;padding:60px 20px;border:1px dashed var(--line-2);border-radius:24px}.contact-section{overflow:hidden}.contact-glow{position:absolute;width:60vw;height:60vw;max-width:900px;max-height:900px;bottom:-30vw;left:50%;translate:-50% 0;z-index:-1;border-radius:50%;background:radial-gradient(circle,#00badb30,transparent 60%);filter:blur(40px);animation:glowPulse 7s ease-in-out infinite}.contact-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(40px,6vw,90px);align-items:start}.contact-intro{font-size:18px;max-width:520px;margin-bottom:34px}.contact-links{display:flex;flex-direction:column;gap:12px;margin-bottom:28px;max-width:520px}.contact-link{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:18px;border:1px solid var(--line);background:#0a1a2888;transition:border-color .3s,background .3s,transform .4s var(--ease)}.contact-link:hover{border-color:#4ee4f166;background:#0e2435;transform:translateX(-6px)}[dir=ltr] .contact-link:hover{transform:translateX(6px)}.cl-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#00badb18;color:var(--accent-light)}.cl-text{display:flex;flex-direction:column;flex:1 1;min-width:0;line-height:1.5}.cl-text small{font-size:12px;color:var(--muted)}.cl-text span{font-weight:700;overflow-wrap:anywhere}[dir=rtl] .cl-text span[dir=ltr]{text-align:right}.contact-link>svg{color:var(--muted)}.social-links{display:flex;flex-wrap:wrap;gap:12px}.social-links a{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line-2);transition:all .35s var(--ease)}.social-links a:hover{background:var(--accent);color:#03131d;border-color:var(--accent);transform:translateY(-4px) rotate(-8deg)}.social-links .social-text{width:auto;padding-inline:20px;display:inline-flex;gap:8px;border-radius:999px;font-size:14px}.glow-border{position:relative;border-radius:28px;padding:1px;background:conic-gradient(from var(--angle),#1b3142 0,#4ee4f1 10%,#1b3142 20%,#1b3142 50%,#4f7dff 60%,#1b3142 70%);animation:rotateAngle 6s linear infinite}.contact-form{position:relative;border-radius:27px;padding:clamp(26px,3vw,42px);background:linear-gradient(170deg,#0b1d2b,#050f18)}.form-intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;color:#6f8b9c}.form-field{position:relative;margin-bottom:26px}.form-field input,.form-field textarea{border:0;border-bottom:1px solid var(--line-2);border-radius:0;padding:26px 2px 10px;background:transparent;font-size:16px}.form-field input:focus-visible,.form-field textarea:focus-visible{outline:0}.form-field label{position:absolute;top:22px;inset-inline-start:2px;font-size:15px;color:#7f9aab;pointer-events:none;transition:all .35s var(--ease);transform-origin:right top}[dir=ltr] .form-field label{transform-origin:left top}.form-field input:focus+label,.form-field input:not(:placeholder-shown)+label,.form-field textarea:focus+label,.form-field textarea:not(:placeholder-shown)+label{top:0;font-size:12px;color:var(--accent-light)}.field-line{position:absolute;left:0;right:0;top:auto;height:2px;background:var(--grad);transform:scaleX(0);transition:transform .5s var(--ease);margin-top:-2px}.form-field input:focus~.field-line,.form-field textarea:focus~.field-line{transform:scaleX(1)}.form-field [aria-invalid=true]{border-bottom-color:#ff9d9d}.send-button{width:100%;margin-top:6px}.send-button:hover .send-icon{animation:sendFly .7s var(--ease)}.form-feedback{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;margin:16px 0 0;text-align:center}.form-feedback.success{color:#7af0a6}.footer{position:relative;border-top:1px solid var(--line);background:#020a11;overflow:hidden;padding-top:70px}.footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:40px;padding-bottom:30px}.footer-brand img{width:180px;height:auto;margin-bottom:18px}.footer-brand p{max-width:360px;font-size:15px}.footer-nav{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.footer-nav>.mono{color:var(--accent);margin-bottom:6px}.footer-nav a{position:relative;color:#b8cad6;font-size:15px;transition:color .3s}.footer-nav a:after{content:"";position:absolute;bottom:2px;inset-inline-start:0;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease)}[dir=ltr] .footer-nav a:after{transform-origin:left}.footer-nav a:hover{color:#fff}.footer-nav a:hover:after{transform:scaleX(1)}.footer-giant{display:block;text-align:center;line-height:1;padding-block:10px 50px;-webkit-user-select:none;user-select:none}.footer-giant span{position:relative;display:inline-block;font-weight:800;font-size:clamp(90px,19vw,300px);color:transparent;-webkit-text-stroke:1.5px #4ee4f13a;letter-spacing:-.02em;padding-bottom:.1em}.footer-giant span:after{content:attr(data-text);position:absolute;inset:0;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:0;clip-path:inset(0 100% 0 0);transition:clip-path 1.2s var(--ease)}[dir=rtl] .footer-giant span:after{clip-path:inset(0 0 0 100%)}.footer-giant:focus-visible span:after,.footer-giant:hover span:after{clip-path:inset(0 0 0 0)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-block:24px 30px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.back-top{display:inline-flex;align-items:center;gap:8px;color:var(--text);transition:color .3s}.back-top:hover{color:var(--accent-light)}.back-top svg{transition:transform .4s var(--ease)}.back-top:hover svg{transform:translateY(-4px)}.floating{position:fixed;bottom:24px;z-index:110;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 14px 34px -8px #000c;transition:transform .4s var(--ease)}.floating:after,.floating:before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid;opacity:0;animation:ring 2.6s ease-out infinite;pointer-events:none}.floating:after{animation-delay:1.3s}.floating svg{position:relative;z-index:1}.floating:hover{transform:scale(1.1)}.floating.whatsapp{right:24px;background:linear-gradient(145deg,#2fe073,#16a34a)}.floating.whatsapp:after,.floating.whatsapp:before{color:#25d366}.floating.call{left:24px;background:linear-gradient(145deg,#4ee4f1,#0090b3);color:#02131c}.floating.call:after,.floating.call:before{color:#00badb}html.js .floating{animation:popIn .8s var(--ease) both;animation-delay:calc(var(--intro) + 1.4s)}.floating-label{position:absolute;top:50%;padding:6px 14px;border-radius:999px;background:#fff;color:#03131d;font-size:13px;font-weight:700;white-space:nowrap;opacity:0;pointer-events:none;transition:all .35s var(--ease);translate:0 -50%}.whatsapp .floating-label{right:calc(100% + 12px);transform:translateX(8px)}.call .floating-label{left:calc(100% + 12px);transform:translateX(-8px)}.floating:focus-visible .floating-label,.floating:hover .floating-label{opacity:1;transform:none}.call svg{animation:shake 3.5s ease-in-out infinite}.error-page,.loading-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;text-align:center;padding:24px}.loading-screen img{animation:float 2s ease-in-out infinite}.loading-line{width:120px;height:2px;background:var(--grad);animation:preBar 1.2s ease-in-out infinite}.error-page h1{font-size:clamp(26px,4vw,40px)}html.has-cursor,html.has-cursor a,html.has-cursor button,html.has-cursor label{cursor:none}html.has-cursor input,html.has-cursor textarea{cursor:text}html.has-cursor .dashboard,html.has-cursor .dashboard *,html.has-cursor .login-screen,html.has-cursor .login-screen *{cursor:auto}@keyframes spin{to{transform:rotate(1turn)}}@keyframes gradShift{to{background-position:100% 0}}@keyframes dotPulse{0%{box-shadow:0 0 0 0 #00badbaa}70%{box-shadow:0 0 0 10px #00badb00}to{box-shadow:0 0 0 0 #00badb00}}@keyframes shine{0%,55%{transform:translateX(-120%)}to{transform:translateX(120%)}}@keyframes wordUp{0%{transform:translateY(115%) rotate(5deg)}to{transform:none}}@keyframes introIn{0%{opacity:0;transform:translateY(30px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}@keyframes introPop{0%{opacity:0;scale:.6;rotate:-25deg;filter:blur(14px)}to{opacity:1;scale:1;rotate:0deg;filter:none}}@keyframes headerIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:none}}@keyframes preHide{to{visibility:hidden;opacity:0}}@keyframes preCore{0%{opacity:0;transform:scale(.8)}20%{opacity:1;transform:none}80%{opacity:1;transform:none}to{opacity:0;transform:scale(1.15);filter:blur(6px)}}@keyframes preBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes curtainUp{to{transform:translateY(-101%)}}@keyframes curtainDown{to{transform:translateY(101%)}}@keyframes fadeOut{to{opacity:0}}@keyframes floatBlob{0%{transform:translate(0) scale(1)}to{transform:translate(6vw,4vw) scale(1.15)}}@keyframes gridMove{to{background-position:0 64px,64px 0}}@keyframes float{0%,to{translate:0 0}50%{translate:0 -16px}}@keyframes bob{0%,to{translate:0 0}50%{translate:0 -12px}}@keyframes glowPulse{0%,to{opacity:.7;scale:1}50%{opacity:1;scale:1.12}}@keyframes blink{50%{opacity:0}}@keyframes wheel{0%{transform:translateY(0);opacity:1}to{transform:translateY(12px);opacity:0}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes glitch{0%,90%,to{transform:none}91%{transform:translate(-3px,1px)}93%{transform:translate(3px,-1px)}95%{transform:translate(-1px)}}@keyframes scan{0%{top:-30%}to{top:110%}}@keyframes breathe{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.03);opacity:1}}@keyframes rotateAngle{to{--angle:360deg}}@keyframes sendFly{0%{transform:none}45%{transform:translate(18px,-18px);opacity:0}55%{transform:translate(-18px,18px);opacity:0}to{transform:none;opacity:1}}@keyframes ring{0%{transform:scale(1);opacity:.6}to{transform:scale(1.7);opacity:0}}@keyframes popIn{0%{opacity:0;transform:scale(.3) translateY(30px)}to{opacity:1;transform:none}}@keyframes shake{0%,84%,to{transform:rotate(0)}86%{transform:rotate(-14deg)}88%{transform:rotate(14deg)}90%{transform:rotate(-10deg)}92%{transform:rotate(10deg)}94%{transform:rotate(0)}}@keyframes menuIn{0%{opacity:0;clip-path:circle(0 at 90% 5%)}to{opacity:1;clip-path:circle(150% at 90% 5%)}}@keyframes menuItem{to{opacity:1;transform:none}}@media(min-width:1600px){.wrap{width:min(1400px,calc(100% - 140px))}}@media(max-width:1199px){.wrap{width:calc(100% - 64px)}.desktop-nav a{padding:8px 13px;font-size:13px}.header-cta span{display:none}.hero-inner{gap:20px}.orbit-node{transform:rotate(var(--a)) translateX(min(200px,40vw)) rotate(calc(var(--a) * -1))}.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.principles{grid-template-columns:1fr}}@media(max-width:900px){.desktop-nav,.header-cta{display:none}.menu-toggle{display:inline-flex}.hero{padding-top:100px}.hero-inner{grid-template-columns:1fr;text-align:start}.hero-visual{height:auto;min-height:0;padding-block:20px 0}.orbit-system{width:min(440px,88vw)}.float-terminal{position:relative;inset:auto;width:100%;max-width:440px;margin-top:-60px}.chip-b,.hero-index{display:none}.about-grid,.contact-grid,.section-heading{grid-template-columns:1fr;gap:30px}.section-heading{margin-bottom:40px}.portrait-wrap{max-width:440px}.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media(max-width:680px){.wrap{width:calc(100% - 40px)}body{font-size:15.5px}.header-inner{min-height:72px}.header.scrolled{padding-top:8px}.header.scrolled .header-inner{padding-inline:14px;width:calc(100% - 20px)}.brand img{width:118px}.language-switch{padding:8px 10px}.hero-title{font-size:clamp(34px,10vw,44px)}.hero-badge{font-size:12px}.hero-actions .button{flex:1 1 auto}.orbit-icon{width:46px;height:46px;margin:-23px;border-radius:13px}.orbit-icon svg{width:21px;height:21px}.orbit-node{transform:rotate(var(--a)) translateX(41vw) rotate(calc(var(--a) * -1))}.terminal-code{font-size:11px;min-height:210px}.hero-bottom{padding-bottom:24px}.marquee-item{gap:22px;padding-inline-end:22px}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.skill-card{padding:22px 18px}.skill-icon{width:52px;height:52px;margin-bottom:12px}.skill-card h3{font-size:16px}.project-grid{grid-template-columns:1fr;gap:20px}.work-filters{border-radius:20px;width:100%}.work-filters button{padding:9px 14px;font-size:13px}.stats{grid-template-columns:1fr}.stat{border-inline-end:0;border-bottom:1px solid var(--line);padding:30px 20px}.footer-top{grid-template-columns:1fr}.footer-bottom{flex-direction:column;text-align:center}.floating{width:54px;height:54px;bottom:18px}.floating.whatsapp{right:16px}.floating.call{left:16px}.floating-label{display:none}.section-num{font-size:120px;top:20px}.scroll-text{font-size:19px}.tech-pill{padding:10px 18px;font-size:14px}}@media(hover:none){.tilt{transform:none!important}.visit-project{opacity:1;transform:none}.scroll-hint{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.01ms!important}.preloader{display:none}html.js .fx-mask>:first-child,html.js .hero-title .w>span,html.js .intro-in,html.js .intro-pop,html.js .reveal,html.js .reveal .words .w>span{opacity:1;transform:none;filter:none;clip-path:none}.marquee-track{animation:none}html.js .scroll-text .sw{color:var(--text)}}.dashboard,.login-screen{--bg:#f3f6fa;--panel:#fff;--line:#e2e8f0;--line-2:#cfd9e4;--text:#0f2233;--muted:#5b7083;--accent:#0088a8;--accent-light:#00a3c4;color-scheme:light;color:var(--text);background:var(--bg);font-size:15px}.dashboard p,.login-screen p{color:var(--muted)}.dashboard input,.dashboard select,.dashboard textarea,.login-screen input{background:#fff;border:1px solid var(--line-2);border-radius:10px;color:var(--text);font-size:15px;transition:border-color .2s,box-shadow .2s}.dashboard input:focus,.dashboard select:focus,.dashboard textarea:focus,.login-screen input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #00a3c41f;outline:0}.dashboard input::placeholder{color:#97a8b7}.dashboard :focus-visible,.login-screen :focus-visible{outline-color:var(--accent)}.dashboard .button,.login-screen .button{border-radius:12px;min-height:46px;font-size:14px;padding:10px 20px}.dashboard .button:hover,.login-screen .button:hover{transform:translateY(-1px)}.dashboard .primary,.login-screen .primary{background:var(--accent);color:#fff;box-shadow:0 6px 16px -6px #0088a880}.dashboard .primary:hover,.login-screen .primary:hover{background:#00779a;box-shadow:0 10px 22px -8px #0088a8aa}.dashboard .outline{border-color:var(--line-2);background:#fff;color:var(--text)}.dashboard .outline:hover{border-color:var(--accent);background:#f0fafc;color:var(--accent)}.dashboard .text-link{color:var(--accent);font-size:14px}.dashboard .text-link:hover{color:#005f78}.dashboard .eyebrow,.login-screen .eyebrow{display:inline-flex;color:var(--accent);font-weight:700;font-size:12px;letter-spacing:.5px}.dashboard .field-error,.login-screen .field-error{color:#c62828;font-size:13px}.dashboard .status-dot{box-shadow:none;background:#16a34a}.login-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:28px;padding:40px 20px;background:radial-gradient(ellipse 70% 50% at 50% 0,#dff4f9,transparent 70%),var(--bg)}.login-brand img{height:64px;width:auto}.login-panel{width:min(440px,100%);padding:40px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:0 30px 70px -30px #0f223340}.login-panel h1{font-size:30px;margin:12px 0 6px}.login-panel p{font-size:14px;margin-bottom:24px}.login-panel .button{width:100%;margin-top:8px}.login-panel .field-error{min-height:20px;margin-bottom:0}.login-bottom{display:flex;gap:40px;font-size:14px;color:var(--muted)}.login-bottom a:hover{color:var(--accent)}.dashboard{display:flex;min-height:100dvh}.admin-sidebar{width:264px;flex-shrink:0;padding:26px 18px;position:fixed;top:0;bottom:0;inset-inline-start:0;background:#fff;border-inline-end:1px solid var(--line);display:flex;flex-direction:column;z-index:30;overflow-y:auto}.admin-sidebar>a img{width:150px;height:auto}.workspace-label{font-size:11px!important;margin:34px 14px 12px;color:#8a9cad!important;letter-spacing:1px!important}.admin-sidebar nav{display:flex;flex-direction:column;gap:4px}.admin-sidebar nav>button{display:flex;align-items:center;gap:12px;padding:12px 14px;color:#3d5366;font-size:15px;text-align:start;border-radius:12px;width:100%;white-space:nowrap;transition:background .2s,color .2s}.admin-sidebar nav>button svg{color:#7d91a3;transition:color .2s}.admin-sidebar nav>button:hover{background:#f1f5f9;color:var(--text)}.admin-sidebar nav>button.selected{background:#e6f6fa;color:var(--accent);font-weight:700}.admin-sidebar nav>button.selected svg{color:var(--accent)}.badge{margin-inline-start:auto;background:var(--accent);color:#fff;padding:1px 9px;border-radius:999px;font-size:12px;font-weight:700}.sidebar-bottom{margin-top:auto;padding-top:30px;display:flex;flex-direction:column;gap:4px;color:#4d6476;font-size:14px;border-top:1px solid var(--line)}.sidebar-bottom>a,.sidebar-bottom>button{display:flex;align-items:center;gap:10px;text-align:start;padding:10px 14px;border-radius:10px;transition:background .2s}.sidebar-bottom>a:hover,.sidebar-bottom>button:hover{background:#f1f5f9;color:var(--text)}.sidebar-bottom>button:last-child:hover{color:#c62828;background:#fdecec}.admin-main{width:calc(100% - 264px);margin-inline-start:264px;min-width:0}.admin-topbar{position:sticky;top:0;z-index:20;padding:16px 40px;background:#f3f6facc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;min-height:66px;color:#6c8194}.admin-topbar>span:last-child{display:flex;align-items:center;gap:10px;font-size:13px;padding:6px 14px;border-radius:999px;background:#fff;border:1px solid var(--line)}.admin-content{max-width:1180px;margin-inline:auto;padding:36px 40px 100px}.admin-page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.admin-page-heading h1{font-size:32px;margin:6px 0 0}.admin-page-heading .eyebrow{color:#7d91a3;font-weight:400;font-size:13px}.admin-panel{padding:28px;border:1px solid var(--line);border-radius:20px;background:#fff;margin-bottom:22px;min-width:0;box-shadow:0 1px 2px #0f22330a,0 8px 24px -16px #0f22331f}.admin-panel h2{font-size:20px;margin-bottom:20px;letter-spacing:0}.admin-panel p{font-size:14px}.admin-field,.admin-form{display:flex;flex-direction:column}.admin-field{gap:8px;font-size:14px;color:#2b4255;margin-bottom:18px;min-width:0}.admin-field,.admin-field>span{font-weight:700}.admin-field input,.admin-field select,.admin-field textarea{font-weight:400;line-height:1.8}.admin-field small{font-size:12.5px;font-weight:400;color:#6c8194;line-height:1.7}.admin-field select{max-width:100%}.bifield{border:0;border-top:1px solid var(--line);padding:22px 0 0;margin:18px 0 4px;min-width:0}.bifield legend{font-size:15px;font-weight:700;color:var(--text);padding-inline-end:16px}.bifield .admin-field{font-weight:400;color:#6c8194;font-size:13px}.two-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.inline-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-block:14px 22px}.inline-actions .button{min-height:42px;padding:8px 16px;font-size:13.5px}.upload-control{cursor:pointer;position:relative;width:fit-content}.upload-control input{position:absolute;width:1px;height:1px;opacity:0;inset:0}.upload-control:focus-within{outline:2px solid var(--accent)}.media-editor{display:flex;align-items:center;gap:24px;margin-bottom:26px;padding:18px;border-radius:16px;background:#f7fafc;border:1px dashed var(--line-2)}.media-editor>img{object-fit:cover;border-radius:14px;border:1px solid var(--line)}.media-editor>svg{color:#9fb1c0}.media-editor>div{display:flex;align-items:start;flex-direction:column;gap:10px}.media-editor p{font-size:12px;margin:0}.save-bar{position:sticky;bottom:16px;border-radius:16px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);box-shadow:0 12px 30px -12px #0f223340;z-index:20;justify-content:flex-end}.notice,.save-bar{padding:14px 18px;display:flex}.notice{border-radius:14px;border:1px solid #bbe5c9;background:#effaf3;color:#166534;font-size:14px;align-items:center;gap:12px;margin-bottom:22px;animation:noticeIn .4s var(--ease)}.notice.error{color:#a61b1b;border-color:#f5c2c2;background:#fdf0f0}.overview-welcome{position:relative;overflow:hidden;padding:38px;border-radius:24px;background:linear-gradient(115deg,#0a3a4d,#0088a8 55%,#2bb8d4);color:#fff;display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:30px;box-shadow:0 20px 40px -20px #0088a8aa}.overview-welcome:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:#ffffff14;top:-140px;inset-inline-end:-80px}.overview-welcome h2{font-size:28px;color:#fff;margin-bottom:10px}.overview-welcome p{font-size:15px;max-width:440px;color:#e3f6fa}.overview-welcome .text-link{color:#fff;background:#ffffff26;padding:9px 16px;border-radius:999px}.overview-welcome .text-link:hover{background:#ffffff40;color:#fff}.overview-welcome img{position:relative;z-index:1;width:130px;height:auto;filter:drop-shadow(0 10px 20px #0004)}.overview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}.overview-stats>div{padding:22px 24px;border-radius:18px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;gap:6px;box-shadow:0 8px 24px -18px #0f223333}.overview-stats strong{font-size:38px;color:var(--accent);font-weight:700;line-height:1.2;letter-spacing:0}.overview-stats span{font-size:14px;color:var(--muted)}.setup-links{display:flex;flex-direction:column;gap:8px}.setup-links>button{display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:14px;border:1px solid var(--line);font-size:15px;text-align:start;transition:border-color .2s,background .2s}.setup-links>button:hover{border-color:var(--accent);background:#f0fafc}.setup-links .mono{color:var(--accent);font-weight:700}.setup-links svg{margin-inline-start:auto;color:#8a9cad}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}.panel-heading h2{margin-bottom:4px}.panel-heading>button{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;color:#6c8194}.panel-heading>button:hover{background:#f1f5f9;color:var(--text)}.check-field{display:flex;align-items:center;gap:10px;font-size:14px;margin-block:16px;padding:10px 14px;border-radius:12px;border:1px solid var(--line);cursor:pointer}.check-field:has(input:checked){border-color:#9ad7e5;background:#f0fafc}.list-panel{padding:6px}.admin-row{display:flex;align-items:center;gap:16px;padding:14px 16px;border-radius:14px;flex-wrap:wrap;transition:background .2s}.admin-row+.admin-row{border-top:1px solid #eef2f6}.admin-row:hover{background:#f7fafc}.admin-row>svg{color:#9fb1c0}.row-index{width:26px;color:#8a9cad;font-size:12px}.row-text{display:flex;flex-direction:column;gap:3px;flex:1 1;min-width:120px;overflow:hidden}.row-text strong{font-size:15px;overflow-wrap:anywhere}.row-text a,.row-text small{font-size:13px;color:#6c8194;display:flex;align-items:center;gap:5px}.row-text a:hover{color:var(--accent)}.row-actions{display:flex;align-items:center;gap:4px}.icon-button,.row-actions button{width:38px;height:38px;border-radius:10px;color:#5b7083;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.icon-button:hover,.row-actions button:hover{color:var(--accent);background:#e6f6fa}.icon-button:hover,.row-actions button[title]:last-child:hover{color:#c62828;background:#fdecec}.state-label{font-size:12px;font-weight:700;color:#6c8194;padding:4px 12px;background:#eef2f6;white-space:nowrap;border-radius:999px}.state-label.live{color:#15803d;background:#e3f6ea}.row-thumbnail{width:76px;height:54px;object-fit:cover;object-position:top;border-radius:10px;border:1px solid var(--line)}.admin-empty{padding:50px 25px;text-align:center;display:flex;flex-direction:column;align-items:center}.admin-empty>svg{color:#9fb1c0;margin-bottom:16px}.admin-empty h2{margin-bottom:10px}.admin-empty p{margin:0}.screenshot-editor{padding:20px;border:1px solid var(--line);border-radius:16px;margin-block:14px 18px;min-width:0;background:#fbfcfe}.screenshot-editor>legend{font-size:15px;font-weight:700;padding:0 10px}.admin-image-preview{height:300px;overflow:auto;background:#eef2f6;border:1px solid var(--line);border-radius:12px;margin-bottom:16px}.admin-image-preview img{width:100%;height:auto;object-fit:contain;object-position:top}.admin-help{font-size:13px!important;color:#00779a!important;padding:10px 14px;border-radius:10px;background:#eaf7fb}.capture-approval{border-top:1px solid var(--line);padding-top:22px;margin-top:18px}.editor{border-color:#9ad7e5;box-shadow:0 0 0 4px #00a3c414,0 20px 40px -24px #0f223340;animation:noticeIn .4s var(--ease)}.inbox-message{position:relative;overflow:hidden}.inbox-message.unread{border-color:#9ad7e5}.inbox-message.unread:before{content:"";position:absolute;top:0;bottom:0;inset-inline-start:0;width:4px;background:var(--accent)}.inbox-message a{font-size:14px;color:var(--accent)}.inbox-message .panel-heading>.muted{font-size:13px}.message-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:2;font-size:15px!important;padding:16px 18px;border-radius:12px;background:#f7fafc;color:#253b4d!important}.security-panel{max-width:620px}.security-panel>svg{color:var(--accent);margin-bottom:14px}.security-panel h2{margin-bottom:10px}.security-panel>p{margin-bottom:26px}.admin-panel input[type=file]{padding:0}@keyframes noticeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@media(max-width:900px){.dashboard{flex-direction:column}.admin-sidebar{position:sticky;top:0;width:100%;height:auto;flex-direction:row;align-items:center;gap:10px;padding:10px 14px;overflow-x:auto;border-inline-end:0;border-bottom:1px solid var(--line)}.admin-sidebar>a img{width:96px}.workspace-label{display:none}.admin-sidebar nav{flex-direction:row;gap:4px}.admin-sidebar nav>button{padding:9px 12px;font-size:14px}.sidebar-bottom{flex-direction:row;margin:0;padding:0;border:0;margin-inline-start:auto}.sidebar-bottom>a,.sidebar-bottom>button{white-space:nowrap;padding:9px 10px}.admin-main{width:100%;margin:0}.admin-topbar{display:none}.admin-content{padding:24px 18px 80px}}@media(max-width:680px){.overview-stats,.two-fields{grid-template-columns:1fr}.admin-page-heading{flex-wrap:wrap}.admin-page-heading h1{font-size:26px}.admin-panel{padding:20px;border-radius:16px}.overview-welcome{padding:26px;flex-direction:column;align-items:flex-start}.overview-welcome img{width:90px}.media-editor{flex-direction:column;align-items:flex-start}.login-panel{padding:28px 22px}.row-actions{width:100%;justify-content:flex-end}}.skills-section>.section{padding-bottom:40px}html[lang=en] .hero-title{letter-spacing:-.025em}.light{--text:#0b1c2a;--muted:#4f6678;--line:#dbe5ee;--line-2:#c7d5e1;--accent:#0090b0;--accent-light:#00a6c7;--grad:linear-gradient(100deg,#00b4d8,#0084b0 50%,#3d5ee0);color-scheme:light;color:var(--text);background:#f3f7fa;border-radius:48px;margin-inline:14px;box-shadow:0 0 0 1px #ffffff10}.light:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(#0b1c2a0a 1px,transparent 0) 0 0/56px 56px,linear-gradient(90deg,#0b1c2a0a 1px,transparent 0) 0 0/56px 56px;-webkit-mask:radial-gradient(ellipse 80% 60% at 50% 0,#000,transparent 75%);mask:radial-gradient(ellipse 80% 60% at 50% 0,#000,transparent 75%);pointer-events:none}.light p{color:var(--muted)}.light .section-num{-webkit-text-stroke:1px #0b1c2a12}.light .section-label{border-color:#0090b033;background:#0090b00d;color:#007a96}.light .section-label .mono{color:#0090b0}.light .spot:before{background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),#00a6c71c,transparent 45%)}.light .outline{border-color:var(--line-2);color:var(--text)}.light .primary{color:#fff;background:#0090b0}.light .primary:hover{background:#00a6c7}.light :focus-visible{outline-color:#0090b0}.about-section.light{background:#f3f7fa}.light .portrait-card{background:linear-gradient(160deg,#0f2738,#06131e);border-color:#0b1c2a14;box-shadow:0 40px 80px -36px #0b1c2a66,0 0 0 8px #0090b00d}.light .portrait-orbit{border-color:#0090b033}html.js .light .scroll-text .sw{color:#0b1c2a26}html.js .light .scroll-text .sw.lit{color:var(--text)}.light .principle{background:#fff;border-color:var(--line);box-shadow:0 14px 40px -28px #0b1c2a40}.light .principle:hover{border-color:#0090b055}.light .principle-icon{background:#e3f4f8;color:#0090b0}.work-section.light{background:#eef3f7}.light .work-filters{background:#fff;border-color:var(--line);box-shadow:0 10px 30px -22px #0b1c2a55}.light .work-filters button{color:#4f6678}.light .work-filters button:hover{color:var(--text)}.light .work-filters button.selected{color:#fff}.light .filter-count{background:#0b1c2a0d}.light .selected .filter-count{background:#ffffff33}.light .project-card{background:#fff;border-color:var(--line);box-shadow:0 20px 50px -36px #0b1c2a66}.light .project-card:focus-visible,.light .project-card:hover{border-color:#0090b066;box-shadow:0 40px 70px -34px #0090b077}.light .project-browser{background:#f5f8fb;border-color:var(--line)}.light .project-browser>span{background:#cfdbe5}.light .project-browser small{background:#fff;border:1px solid var(--line);color:#5d7385}.light .project-preview{background:#e8eef3}.light .project-preview:after{background:linear-gradient(180deg,transparent 70%,#0b1c2a33)}.light .project-cat{background:#e3f4f8;color:#00718c;border-color:#0090b02a}.light .project-tags span{background:#f1f5f9;color:#4f6678;border-color:var(--line)}.light .visit-project{background:#0b1c2a;color:#fff}.light .work-empty{border-color:var(--line-2)}.services-section.light{background:#f7fafc;margin-top:clamp(40px,5vw,70px)}.services-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(30px,5vw,80px);align-items:start}.services-list{order:-1;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.services-stage{position:sticky;top:110px}.stage-frame{position:relative;aspect-ratio:4/3.4;border-radius:32px;overflow:hidden;background:#0b1c2a;box-shadow:0 50px 100px -40px #0b1c2a88,0 0 0 10px #ffffff,0 0 0 11px var(--line)}.stage-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.12);clip-path:inset(0 0 0 100%);transition:opacity .8s var(--ease),transform 1.4s var(--ease),clip-path 1s var(--ease)}[dir=rtl] .stage-frame img{clip-path:inset(0 100% 0 0)}.stage-frame img.on{opacity:1;transform:scale(1);clip-path:inset(0 0 0 0)}.stage-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#030b13d9);pointer-events:none}.stage-badge{position:absolute;bottom:26px;inset-inline:28px;z-index:2;display:flex;flex-direction:column;gap:4px;color:#fff}.stage-badge .mono{color:#7af0fa}.stage-badge strong{font-size:clamp(24px,2.4vw,34px);line-height:1.3;animation:introIn .7s var(--ease) both}.stage-shine{position:absolute;inset:0;z-index:1;background:linear-gradient(115deg,transparent 40%,#ffffff22 50%,transparent 60%);transform:translateX(-100%);animation:shine 5s var(--ease) infinite;pointer-events:none}.stage-dots{display:flex;justify-content:center;gap:8px;margin-top:22px}.stage-dots span{width:8px;height:8px;border-radius:999px;background:#c7d5e1;transition:all .5s var(--ease)}.stage-dots span.on{width:34px;background:var(--grad)}.service-item{display:flex;align-items:center}.service-item>.reveal{width:100%}.service-card{position:relative;padding:30px 30px 28px;border-radius:26px;border:1px solid transparent;transition:background .5s var(--ease),border-color .5s,box-shadow .5s,transform .5s var(--ease)}.service-item.active .service-card{background:#fff;border-color:var(--line);box-shadow:0 30px 60px -40px #0b1c2a66;transform:translateX(-8px)}[dir=ltr] .service-item.active .service-card{transform:translateX(8px)}.service-card:before{content:"";position:absolute;top:28px;bottom:28px;inset-inline-start:0;width:3px;border-radius:3px;background:var(--grad);transform:scaleY(0);transition:transform .6s var(--ease)}.service-item.active .service-card:before{transform:scaleY(1)}.service-thumb{display:none}.service-head{display:flex;align-items:baseline;gap:16px;margin-bottom:12px}.service-num{font-size:14px;font-weight:700;color:#9fb1c0;transition:color .4s}.service-item.active .service-num{color:var(--accent)}.service-head h3{font-size:clamp(24px,2.3vw,34px);margin:0;transition:color .4s}.service-item:not(.active) .service-head h3{color:#5b7183}.service-card p{font-size:16px;line-height:1.95;margin-bottom:18px;max-width:560px}.service-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.service-tags span{font-size:13px;padding:5px 14px;border-radius:999px;background:#eef4f8;color:#3f5a6e;border:1px solid var(--line)}.service-cta{display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:700;color:var(--accent);padding:10px 0;position:relative}.service-cta:after{content:"";position:absolute;bottom:4px;inset-inline-start:0;width:100%;height:2px;background:var(--grad);transform:scaleX(.3);transform-origin:right;transition:transform .5s var(--ease)}[dir=ltr] .service-cta:after{transform-origin:left}.service-cta:focus-visible:after,.service-cta:hover:after{transform:scaleX(1)}.service-cta svg{transition:transform .4s var(--ease)}.service-cta:hover svg{transform:translate(-4px,-4px)}[dir=ltr] .service-cta:hover svg{transform:translate(4px,-4px)}@media(max-width:1199px){.light{border-radius:36px;margin-inline:10px}}@media(max-width:900px){.services-layout{grid-template-columns:1fr}.services-stage{display:none}.service-item{min-height:0}.service-card,.service-item.active .service-card{background:#fff;border-color:var(--line);box-shadow:0 24px 50px -36px #0b1c2a66;transform:none;padding:0 0 24px;overflow:hidden}.service-card:before{display:none}.service-thumb{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;margin-bottom:22px}.service-card p,.service-cta,.service-head,.service-tags{margin-inline:22px}.service-item:not(.active) .service-head h3{color:var(--text)}.service-num{color:var(--accent)}}@media(max-width:680px){.light{border-radius:28px;margin-inline:6px}.service-head h3{font-size:23px}}@media(prefers-reduced-motion:reduce){.stage-frame img{clip-path:none;transform:none}}.services-section{position:relative;isolation:isolate}.skills-section{background:radial-gradient(ellipse 50% 40% at 100% 20%,#4f7dff14,transparent 70%),radial-gradient(ellipse 40% 40% at 0 90%,#00badb12,transparent 70%)}.ptable{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;grid-auto-flow:dense}.ptable-key{grid-column:span 2;grid-row:span 2;position:relative;overflow:hidden;isolation:isolate;border-radius:28px;padding:28px;display:flex;flex-direction:column;background:linear-gradient(150deg,#0d2a3c,#061420 70%);border:1px solid #4ee4f133;box-shadow:0 40px 80px -40px #00badb66,inset 0 1px 0 #ffffff10;min-height:340px}.ptable-key:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(#4ee4f10d 1px,transparent 0) 0 0/28px 28px,linear-gradient(90deg,#4ee4f10d 1px,transparent 0) 0 0/28px 28px;-webkit-mask:linear-gradient(160deg,#000,transparent 80%);mask:linear-gradient(160deg,#000,transparent 80%)}.key-top{display:flex;justify-content:space-between;color:#7af0fa;font-size:12px}.key-symbol{font-family:var(--font-en);font-weight:800;font-size:clamp(90px,9vw,150px);line-height:1;margin-top:auto;letter-spacing:-.04em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;animation:keyIn .7s var(--ease) both}.key-icon{position:absolute;top:70px;inset-inline-end:30px;width:86px;height:86px;border-radius:24px;display:grid;place-items:center;background:#ffffff0a;border:1px solid #ffffff17;color:#e6fbff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:keyIcon .8s var(--ease) both}.key-icon svg{width:42px;height:42px}.key-name{display:flex;flex-direction:column;gap:2px;margin-top:10px}.key-name strong{font-size:26px;font-family:var(--font-en);animation:introIn .6s var(--ease) both}.key-name>span{font-size:14px;color:var(--muted)}.key-progress{height:2px;border-radius:2px;background:#ffffff14;margin-top:20px;overflow:hidden}.key-progress span{display:block;height:100%;background:var(--grad);transform-origin:0 50%;animation:preBar 2.6s linear both}[dir=rtl] .key-progress span{transform-origin:100% 50%}.key-orbit{position:absolute;width:340px;height:340px;top:-120px;inset-inline-end:-120px;border-radius:50%;border:1px dashed #4ee4f133;z-index:-1;animation:spin 30s linear infinite}.key-orbit:after{content:"";position:absolute;top:50%;left:-5px;width:10px;height:10px;border-radius:50%;background:var(--accent-light);box-shadow:0 0 16px var(--accent)}.ptile-wrap{min-width:0}.ptile{position:relative;overflow:hidden;isolation:isolate;aspect-ratio:1;border-radius:22px;padding:16px;display:flex;flex-direction:column;border:1px solid var(--line);background:linear-gradient(160deg,#0c1e2c,#06111a);transition:transform .5s var(--ease),border-color .4s,box-shadow .5s,background .5s}.ptile.on,.ptile:hover{transform:translateY(-8px);border-color:#4ee4f166;box-shadow:0 26px 50px -26px #00badb88}.ptile-num{font-size:11px;color:#4d6a7c}.ptile-sym{position:absolute;top:12px;inset-inline-end:16px;font-size:22px;font-weight:800;color:#ffffff14;transition:color .4s}.ptile.on .ptile-sym{color:#4ee4f155}.ptile-icon{margin:auto;width:58px;height:58px;display:grid;place-items:center;border-radius:18px;color:#d7f6fb;transition:transform .6s var(--ease),background .4s,color .4s}.ptile-icon svg{width:32px;height:32px}.ptile.on .ptile-icon,.ptile:hover .ptile-icon{background:var(--accent);color:#03131d;transform:scale(1.08) rotate(-6deg)}.ptile-name{font-family:var(--font-en);font-weight:700;font-size:15px;line-height:1.3}.ptile-cat,.ptile-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ptile-cat{font-size:11.5px;color:var(--muted);line-height:1.5}.ptile-glow{position:absolute;inset:auto -30% -60% -30%;height:80%;z-index:-1;border-radius:50%;background:radial-gradient(circle,#00badb44,transparent 65%);opacity:0;transition:opacity .5s}.ptile.on .ptile-glow,.ptile:hover .ptile-glow{opacity:1}.type-marquee{padding-block:30px clamp(60px,8vw,110px);overflow:hidden}.type-word{display:inline-flex;align-items:center;gap:40px;padding-inline-end:40px;font-family:var(--font-en);font-weight:800;font-size:clamp(56px,8vw,120px);line-height:1.15;letter-spacing:-.03em;color:transparent;-webkit-text-stroke:1.5px #4ee4f155;white-space:nowrap;transition:color .4s}.type-word.filled{color:#eaf3f7;-webkit-text-stroke:0}.type-word:hover{color:var(--accent-light);-webkit-text-stroke:0}.type-dot{font-size:.25em;color:var(--accent);-webkit-text-stroke:0}.type-marquee .marquee-track{animation-duration:50s}@keyframes keyIn{0%{opacity:0;transform:translateY(30px) scale(.9);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}@keyframes keyIcon{0%{opacity:0;transform:rotate(-30deg) scale(.5)}to{opacity:1;transform:none}}@media(max-width:1199px){.ptable{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:900px){.ptable{grid-template-columns:repeat(4,minmax(0,1fr))}.ptable-key{grid-column:1/-1;grid-row:auto;min-height:260px}}@media(max-width:680px){.ptable{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ptile{border-radius:16px;padding:10px}.ptile-sym{display:none}.ptile-icon{width:44px;height:44px;border-radius:13px}.ptile-icon svg{width:24px;height:24px}.ptile-name{font-size:12.5px}.ptile-cat{display:none}.ptable-key{padding:22px;border-radius:22px}.key-icon{width:66px;height:66px;top:56px;inset-inline-end:22px}.key-icon svg{width:32px;height:32px}.key-name strong{font-size:21px}}.ptile-sym{inset-inline-end:auto;right:16px}[dir=rtl] .ptile-sym{right:auto;left:16px}[dir=rtl] .key-symbol{text-align:right}.key-top span:last-child{font-family:var(--font-main);letter-spacing:0;font-size:13px}@media (max-width:900px),(pointer:coarse){.btn-shine,.contact-glow,.hero-aurora,.hero-grid,.key-orbit,.menu-glow,.noise,.portrait-scan,.ptile-glow,.stage-shine{display:none}.hero{background:radial-gradient(ellipse 90% 50% at 70% 0,#00badb2e,transparent 70%),radial-gradient(ellipse 80% 40% at 0 100%,#2f5bff22,transparent 70%)}.float-chip,.ghost,.header.scrolled .header-inner,.hero-badge,.key-icon,.orbit-icon,.portrait-tag,.save-bar,.terminal{backdrop-filter:none;-webkit-backdrop-filter:none}.header.scrolled .header-inner{background:#06141ff5}.terminal{background:#06121c}.tilt{will-change:auto;transition:none}.accent-line .words,.glow-border,.gradient-text,.name-glitch:after,.name-glitch:before{animation:none}.glow-border{background:linear-gradient(135deg,#4ee4f1,#1b3142 40%,#1b3142 60%,#4f7dff)}.call svg,.core img,.core-glow,.float-chip,.floating:after,.floating:before,.hero-grid,.orbit-icon,.orbit-ring.r1,.orbit-ring.r2,.orbit-track,.portrait-orbit{animation:none}.core img,.pre-core img{filter:none}html.js .reveal{transition:opacity .55s ease var(--d,0s),transform .55s var(--ease) var(--d,0s)}html.js .fx-up{transform:translateY(24px)}html.js .fx-scale{transform:translateY(20px)}html.js .fx-blur{filter:none}html.js .fx-side,html.js [dir=rtl] .fx-side{transform:translateY(20px)}html.js .fx-mask>:first-child{clip-path:none!important}html.js .reveal .words .w>span{transform:translateY(105%);transition-duration:.6s}html.js .intro-in{animation-name:introInLite;animation-duration:.6s}html.js .intro-pop{animation-name:introInLite}html.js .hero-title .w>span,html.js .intro-pop{animation-duration:.7s}:root{--intro:1.2s}html.intro-seen{--intro:.05s}html.js .scroll-text .sw{transition:none}.stage-frame img{transition:opacity .5s}}@keyframes introInLite{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media (max-width:900px),(pointer:coarse){.preloader{animation-delay:1.3s}.pre-core{animation-duration:.9s}.pre-bar span{animation-duration:.7s}.pre-curtain.a,.pre-curtain.b{animation-delay:.85s;animation-duration:.45s}.pre-grid{display:none}}