:root{--bg:#07101d;--bg-2:#0b1728;--panel:#0d1d32;--panel-2:#102640;--line:#163b5e;--cyan:#2ee8ff;--blue:#318cff;--pink:#ff3cac;--yellow:#ffd84d;--green:#5cff91;--purple:#8d67ff;--text:#f5fbff;--muted:#9eb8ce;--danger:#ff5f72;--shadow:0 10px 0 rgba(0,0,0,.33);--pixel:"Press Start 2P",monospace;--body:"Inter",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(circle at 15% 15%,rgba(49,140,255,.13),transparent 23rem),radial-gradient(circle at 85% 25%,rgba(255,60,172,.10),transparent 25rem),linear-gradient(180deg,#06101d 0%,#081528 35%,#07101d 100%);font-family:var(--body);overflow-x:hidden}body::before{content:"";position:fixed;inset:0;z-index:-2;opacity:.45;background-image:linear-gradient(rgba(46,232,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(46,232,255,.035) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 8% 17%,#fff 0 1px,transparent 2px),radial-gradient(circle at 76% 14%,#fff 0 1px,transparent 2px),radial-gradient(circle at 32% 52%,#5cecff 0 1px,transparent 2px),radial-gradient(circle at 89% 68%,#ff5dd7 0 1px,transparent 2px),radial-gradient(circle at 57% 86%,#fff 0 1px,transparent 2px);background-size:210px 210px,260px 260px,310px 310px,370px 370px,430px 430px;opacity:.45}a{color:inherit}img{max-width:100%;display:block}button,input{font:inherit}button{color:inherit}:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}::selection{background:var(--pink);color:#fff}[data-reveal]{opacity:0;filter:blur(10px);transform:translateY(28px) scale(.985);transition:opacity .72s cubic-bezier(.2,.8,.2,1),transform .72s cubic-bezier(.2,.8,.2,1),filter .72s cubic-bezier(.2,.8,.2,1)}[data-reveal].revealed{opacity:1;filter:blur(0);transform:none}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.topbar{position:fixed;inset:0 0 auto 0;height:7px;background:#07101d;z-index:100}.topbar span{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--cyan),var(--blue),var(--pink),var(--yellow));box-shadow:0 0 20px rgba(46,232,255,.6);transition:width .08s linear}.hud{position:fixed;z-index:90;top:22px;right:22px;display:flex;gap:8px;align-items:center;background:rgba(6,16,29,.82);border:2px solid #173e60;padding:10px 12px;box-shadow:4px 4px 0 #02060b;backdrop-filter:blur(8px);font:10px/1.4 var(--pixel);color:var(--cyan)}.hud strong{color:var(--yellow)}.pixel-border{border:3px solid #1d527d;box-shadow:0 0 0 3px #07101d,0 0 0 5px #0e2b45,7px 7px 0 rgba(0,0,0,.32)}.container{width:min(1180px,calc(100% - 34px));margin:auto}.hero{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;padding:100px 0 70px;position:relative}.eyebrow{display:inline-flex;gap:10px;align-items:center;color:var(--green);font:11px/1.5 var(--pixel);text-transform:uppercase;margin-bottom:20px}.eyebrow::before{content:"";width:12px;height:12px;background:var(--green);box-shadow:0 0 0 3px rgba(92,255,145,.16),0 0 20px rgba(92,255,145,.6)}h1{margin:0;font:clamp(34px,6vw,72px)/1.03 var(--pixel);letter-spacing:-2px;text-transform:uppercase;text-shadow:5px 5px 0 #07101d,8px 8px 0 #173451}.gradient{display:block;margin-top:12px;color:transparent;background:linear-gradient(90deg,var(--cyan),var(--blue),var(--pink));background-clip:text;-webkit-background-clip:text}.hero p{max-width:720px;color:#c4d5e4;font-size:18px;line-height:1.75;margin:28px 0 30px}.actions{display:flex;flex-wrap:wrap;gap:14px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 18px;text-decoration:none;text-transform:uppercase;border:3px solid #2d83bd;background:#0c2036;color:#fff;font:10px/1.3 var(--pixel);box-shadow:5px 5px 0 #02060b;transition:.15s ease}.btn:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 #02060b}.btn.primary{background:linear-gradient(180deg,#1f9ac7,#1766aa);border-color:#60e8ff}.btn.alt{border-color:#b754e8;color:#ffc7ef}.btn.whatsapp{background:linear-gradient(180deg,#22c55e,#15803d);border-color:#86efac;color:#ffffff}.hero-art{position:relative;min-height:620px;display:flex;align-items:flex-end;justify-content:center}.hero-art::before{content:"";position:absolute;width:78%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(46,232,255,.18),rgba(49,140,255,.08) 43%,transparent 67%);filter:blur(8px)}.hero-art img{position:relative;width:min(560px,96%);filter:drop-shadow(0 28px 16px rgba(0,0,0,.48));image-rendering:auto;z-index:2}.floating-card{position:absolute;z-index:3;background:#0b1d30;border:2px solid #225d8a;padding:14px 15px;font:9px/1.5 var(--pixel);box-shadow:5px 5px 0 rgba(0,0,0,.34)}.fc1{left:0;top:24%;color:var(--cyan)}.fc2{right:0;top:16%;color:var(--yellow)}.fc3{right:3%;bottom:13%;color:var(--green)}.floating-card b{display:block;color:#fff;margin-bottom:6px}.scroll-tip{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);color:#7fa1bb;font:9px/1.5 var(--pixel);text-align:center;animation:bob 1.6s ease-in-out infinite}.scroll-tip i{display:block;font-style:normal;color:var(--cyan);font-size:18px;margin-top:7px}@keyframes bob{50%{transform:translate(-50%,7px)}}.section-title{text-align:center;margin:0 auto 42px;max-width:880px}.section-title .tag{color:var(--pink);font:10px/1.4 var(--pixel)}.section-title h2{font:clamp(22px,4vw,42px)/1.25 var(--pixel);margin:14px 0 16px}.section-title p{color:var(--muted);line-height:1.75;margin:0}.journey{position:relative;padding:110px 0 80px;overflow:hidden}.road{position:relative;max-width:1080px;margin:20px auto 0;padding:20px 0 80px}.road::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:76px;transform:translateX(-50%);background:linear-gradient(90deg,#12263a 0 8px,#1a354f 8px 68px,#12263a 68px),#142b42;border-left:4px solid #315c75;border-right:4px solid #315c75;box-shadow:0 0 0 5px #07101d,0 0 0 7px #173c5a}.road::after{content:"";position:absolute;top:12px;bottom:12px;left:50%;width:6px;transform:translateX(-50%);background:repeating-linear-gradient(180deg,var(--yellow) 0 18px,transparent 18px 36px);opacity:.55}.stage{position:relative;display:grid;grid-template-columns:1fr 110px 1fr;align-items:center;min-height:260px;margin:18px 0}.stage .card{position:relative;padding:25px 24px;background:linear-gradient(180deg,rgba(15,37,62,.98),rgba(9,27,47,.98));border:3px solid #205476;box-shadow:8px 8px 0 rgba(0,0,0,.35);opacity:.24;filter:blur(7px);transform:translateY(34px) scale(.985);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1),filter .7s cubic-bezier(.2,.8,.2,1),border-color .25s ease,box-shadow .25s ease}.stage.active .card{opacity:1;filter:blur(0);transform:none}.stage:nth-child(odd) .card{grid-column:1}.stage:nth-child(even) .card{grid-column:3}.stage:nth-child(odd) .card::after,.stage:nth-child(even) .card::before{content:"";position:absolute;top:48px;width:28px;height:4px;background:#2f7198}.stage:nth-child(odd) .card::after{right:-31px}.stage:nth-child(even) .card::before{left:-31px}.node{position:absolute;z-index:5;left:50%;top:50%;width:64px;height:64px;transform:translate(-50%,-50%);display:grid;place-items:center;background:#0d2136;border:4px solid #34769e;box-shadow:0 0 0 5px #07101d,0 0 20px rgba(46,232,255,.18);color:var(--yellow);font:13px var(--pixel)}.stage.active .node{border-color:var(--cyan);box-shadow:0 0 0 5px #07101d,0 0 28px rgba(46,232,255,.5)}.level{color:var(--yellow);font:9px/1.5 var(--pixel);margin-bottom:9px}.card h3{margin:0 0 13px;font:18px/1.45 var(--pixel)}.card p{margin:0;color:#b9cde0;line-height:1.7;font-size:15px}.loot{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.loot span{border:1px solid #285a7c;background:#09192a;padding:8px 9px;color:#8ed8ff;font:8px/1.2 var(--pixel)}.mini-tower{position:absolute;z-index:4;left:calc(50% + 58px);top:16%;width:30px;height:44px;background:#153957;border:3px solid #2a6f98;box-shadow:0 -11px 0 -3px #2ee8ff,0 4px 0 #07101d;opacity:.8}.stage:nth-child(even) .mini-tower{left:auto;right:calc(50% + 58px)}.portfolio{padding:110px 0;background:linear-gradient(180deg,rgba(9,22,38,.35),rgba(6,16,29,.9));border-top:1px solid #12314c;border-bottom:1px solid #12314c}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project{--mx:50%;--my:50%;min-height:270px;position:relative;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(180deg,#0e2035,#0a1829);border:2px solid #1d4c70;box-shadow:6px 6px 0 rgba(0,0,0,.32);transition:transform .22s cubic-bezier(.2,.8,.2,1),border-color .22s ease,box-shadow .22s ease,background .22s ease}.project::before{content:"";position:absolute;inset:0;opacity:0;background:radial-gradient(340px circle at var(--mx) var(--my),rgba(46,232,255,.15),transparent 45%),linear-gradient(135deg,transparent 58%,rgba(255,60,172,.055) 58% 61%,transparent 61%);transition:opacity .25s ease;pointer-events:none}.project::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient( 180deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px );opacity:.35}.project:hover{transform:translateY(-7px);border-color:var(--cyan);box-shadow:9px 11px 0 rgba(0,0,0,.36),0 0 28px rgba(46,232,255,.08)}.project:hover::before{opacity:1}.project-header,.project-content,.project-footer{position:relative;z-index:2}.project-header{padding:22px 22px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.project .kind{display:inline-block;color:var(--green);font:8px/1.4 var(--pixel)}.project-status{color:#86a7bf;font:7px/1.4 var(--pixel);border:1px solid #224b69;padding:6px 7px;background:#081522;white-space:nowrap}.project-content{padding:19px 22px 18px;flex:1}.project h3{margin:0 0 13px;font:16px/1.5 var(--pixel)}.project p{margin:0;color:#a9c0d3;line-height:1.7;font-size:14px}.project-footer{padding:15px 22px 18px;border-top:1px solid rgba(53,101,134,.32);display:flex;align-items:center;justify-content:space-between;gap:12px}.project .xp{font:8px var(--pixel);color:#ffd84d;white-space:nowrap}.project-action{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#8edfff;font:7px/1.4 var(--pixel);transition:color .18s ease,transform .18s ease}.project-action:hover{color:#fff;transform:translateX(3px)}.arsenal{padding:110px 0}.arsenal-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.skillbox{background:#09192a;border:2px solid #1b4668;padding:18px 14px;min-height:150px}.skillbox .icon{min-height:28px;display:flex;align-items:center;font:18px/1 var(--pixel);color:var(--cyan);margin-bottom:18px}.skillbox .icon.cloud{font-size:36px;line-height:.8;transform:translateY(-1px)}.skillbox h3{margin:0 0 12px;font:10px/1.5 var(--pixel);color:#fff}.skillbox p{margin:0;color:#8faac0;line-height:1.65;font-size:13px}.workflow{padding:110px 0;position:relative;overflow:hidden}.workflow::before{content:"";position:absolute;inset:18% -20% auto;height:360px;background:radial-gradient(circle,rgba(141,103,255,.10),transparent 62%);pointer-events:none}.workflow-grid{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;align-items:stretch}.workflow-card{position:relative;min-height:220px;padding:20px 17px;background:rgba(9,25,42,.92);border:2px solid #234b6b;box-shadow:5px 5px 0 rgba(0,0,0,.3);transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .25s ease,background .25s ease}.workflow-card:hover{transform:translateY(-6px);border-color:var(--purple);background:#0d2238}.workflow-card:not(:last-child)::after{content:"→";position:absolute;z-index:4;right:-20px;top:50%;transform:translateY(-50%);color:var(--yellow);font:15px var(--pixel);text-shadow:0 0 12px rgba(255,216,77,.45)}.workflow-num{color:var(--pink);font:8px/1.4 var(--pixel);margin-bottom:18px}.workflow-card h3{font:11px/1.55 var(--pixel);margin:0 0 12px}.workflow-card p{margin:0;color:#98b3c9;font-size:13px;line-height:1.65}.workflow-chip{display:inline-block;margin-top:16px;border:1px solid #325d7a;background:#071625;color:#8ee4ff;padding:7px 8px;font:7px/1.2 var(--pixel)}.cmd-trigger{position:fixed;z-index:88;left:18px;bottom:18px;display:flex;align-items:center;gap:10px;border:2px solid #2b5f83;background:rgba(7,18,31,.88);color:#dff8ff;padding:10px 12px;box-shadow:5px 5px 0 rgba(0,0,0,.36);backdrop-filter:blur(10px);cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.cmd-trigger:hover{transform:translateY(-2px);border-color:var(--cyan);background:#0c2238}.cmd-trigger span{font:8px/1.3 var(--pixel)}.cmd-trigger kbd{border:1px solid #386785;background:#07121e;padding:5px 7px;color:var(--yellow);font:8px var(--pixel);box-shadow:0 2px 0 #02060b}.command-shell[hidden]{display:none}.command-shell{position:fixed;inset:0;z-index:200;display:grid;place-items:start center;padding:12vh 18px 30px}.command-overlay{position:absolute;inset:0;background:rgba(1,5,11,.72);backdrop-filter:blur(8px);animation:cmdFade .18s ease both}.command-dialog{position:relative;width:min(680px,100%);max-height:72vh;overflow:hidden;background:#0a1728;border:2px solid #345f80;box-shadow:0 0 0 4px #07101d,0 0 0 6px #183d59,0 24px 80px rgba(0,0,0,.6);animation:cmdIn .22s cubic-bezier(.2,.8,.2,1) both}.command-top{display:flex;align-items:center;gap:12px;padding:13px 15px;border-bottom:1px solid #214661;background:#0d1d30}.command-prompt{color:var(--cyan);font:10px var(--pixel)}.command-input{width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:15px}.command-input::placeholder{color:#6f8da5}.command-close{border:1px solid #34566f;background:#08131f;color:#9db7ca;padding:7px 8px;cursor:pointer;font:8px var(--pixel)}.command-list{max-height:52vh;overflow:auto;padding:9px}.command-group-label{padding:10px 10px 7px;color:#728da2;font:7px var(--pixel)}.command-item{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 12px;text-decoration:none;color:#d8e7f1;border:1px solid transparent;transition:background .14s ease,border-color .14s ease,transform .14s ease}.command-item:hover,.command-item:focus-visible{background:#102840;border-color:#285979;transform:translateX(2px);outline:none}.command-item b{display:block;margin-bottom:4px;color:#fff;font:9px/1.3 var(--pixel)}.command-item small{color:#83a2b8;font-size:12px}.command-key{color:var(--yellow);font:7px var(--pixel);white-space:nowrap}.command-empty{display:none;padding:28px 16px;text-align:center;color:#738fa5;font:9px/1.5 var(--pixel)}@keyframes cmdFade{from{opacity:0}to{opacity:1}}@keyframes cmdIn{from{opacity:0;transform:translateY(-14px) scale(.98)}to{opacity:1;transform:none}}.boss{padding:100px 0 120px;text-align:center}.boss-card{max-width:930px;margin:auto;padding:42px 34px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% -20%,rgba(255,60,172,.21),transparent 55%),linear-gradient(180deg,#13223a,#0a1728);border:4px solid #8a3a9f;box-shadow:0 0 0 5px #07101d,0 0 0 8px #37164a,10px 10px 0 rgba(0,0,0,.38)}.boss-card::before{content:"FINAL BOSS";display:inline-block;margin-bottom:24px;color:var(--pink);font:10px var(--pixel)}.boss-card h2{margin:0 0 18px;font:clamp(24px,4vw,44px)/1.3 var(--pixel)}.boss-card p{color:#bdd0df;line-height:1.8;max-width:720px;margin:0 auto 26px}.boss-hp{width:min(560px,90%);height:18px;margin:24px auto 30px;border:3px solid #582e68;background:#09101c;padding:3px}.boss-hp span{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--pink),#ff7f50,var(--yellow));animation:hp 2.4s ease-in-out infinite alternate}@keyframes hp{to{width:78%}}footer{border-top:1px solid #16354d;padding:28px 0 40px;color:#748da3;text-align:center;font-size:13px}footer strong{color:#c8d7e4}.kbd{display:inline-block;font:8px var(--pixel);border:2px solid #285775;padding:6px 7px;margin:0 4px;color:#9de5ff;background:#091421;box-shadow:0 3px 0 #02060b}@media (max-width:980px){.hero{grid-template-columns:1fr;text-align:center;padding-top:120px}.hero p{margin-left:auto;margin-right:auto}.actions{justify-content:center}.hero-art{min-height:490px}.floating-card{display:none}.project-grid{grid-template-columns:repeat(2,1fr)}.arsenal-grid{grid-template-columns:repeat(2,1fr)}.workflow-grid{grid-template-columns:repeat(2,1fr)}.workflow-card:not(:last-child)::after{display:none}}@media (max-width:740px){.hud{top:16px;right:10px;font-size:8px;padding:8px}h1{font-size:clamp(30px,11vw,48px)}.hero{gap:8px}.hero-art{min-height:410px}.road::before{left:30px;width:52px}.road::after{left:30px}.stage{grid-template-columns:76px 1fr;min-height:unset;margin:26px 0 38px}.stage .card,.stage:nth-child(odd) .card,.stage:nth-child(even) .card{grid-column:2}.stage:nth-child(odd) .card::after{display:none}.stage:nth-child(even) .card::before{left:-29px;width:26px}.stage:nth-child(odd) .card::before{content:"";position:absolute;top:48px;left:-29px;width:26px;height:4px;background:#2f7198}.node{left:30px;top:58px;width:54px;height:54px}.mini-tower{display:none}.stage .card{width:100%;min-width:0;max-width:100%;padding:20px 16px;overflow:hidden}.stage .card h3{max-width:100%;font-size:14px;line-height:1.55;overflow-wrap:anywhere;word-break:normal}.stage .card p{max-width:100%;overflow-wrap:anywhere}.loot{max-width:100%}.loot span{max-width:100%;overflow-wrap:anywhere}.project-grid{grid-template-columns:1fr}.arsenal-grid{grid-template-columns:1fr}.section-title{text-align:left}.section-title h2{font-size:25px}.boss-card{padding:34px 20px}.workflow-grid{grid-template-columns:1fr}.cmd-trigger span{display:none}.cmd-trigger{padding:9px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}[data-reveal]{opacity:1 !important;filter:none !important;transform:none !important}}@media (max-width:390px){.container{width:min(100% - 20px,1180px)}.stage{grid-template-columns:68px minmax(0,1fr)}.road::before,.road::after{left:26px}.node{left:26px;width:48px;height:48px;font-size:11px}.stage .card{padding:18px 14px}.stage .card h3{font-size:12px;line-height:1.6}.level{font-size:8px}}