:root{--bg:#030106;--panel:#0e0718;--purple:#a23cff;--violet:#5d0dde;--cyan:#83d9ff;--silver:#e9e6ef;--muted:#a29aa9;--line:rgba(216,188,255,.18);--ease:cubic-bezier(.2,.8,.2,1)}
@font-face{font-family:Montserrat;src:url('/Montserrat-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Montserrat;src:url('/Montserrat-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Montserrat;src:url('/Montserrat-Black.ttf') format('truetype');font-weight:900;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#f7f5fa;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}button,a{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}.noise{position:fixed;inset:0;opacity:.035;pointer-events:none;z-index:99;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.header{position:fixed;top:0;left:0;right:0;z-index:50;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5vw;background:linear-gradient(#070609e8,#07060900);backdrop-filter:blur(8px)}.brand{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.22em;font-weight:700}.brand img{width:29px;height:29px;object-fit:contain}.header nav{display:flex;gap:30px;font-size:12px;color:#bcb8c3}.header nav a{transition:.25s}.header nav a:hover{color:#fff}.mini-cta{padding:10px 16px;border:1px solid #8442d6;border-radius:100px;font-size:11px;letter-spacing:.08em;transition:.25s}.mini-cta:hover{background:var(--purple);border-color:var(--purple)}
.hero{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(310px,.85fr);align-items:center;gap:6vw;padding:120px 8vw 70px;position:relative;background:radial-gradient(circle at 78% 42%,rgba(116,28,219,.16),transparent 28%),linear-gradient(125deg,#070609 40%,#0b0710)}.hero:after{content:"";position:absolute;bottom:0;left:8vw;right:8vw;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent)}.eyebrow{margin:0 0 22px;color:#a6a1ad;text-transform:uppercase;letter-spacing:.22em;font-size:10px;font-weight:700}.eyebrow i{display:inline-block;width:22px;height:1px;background:var(--purple);vertical-align:middle;margin-right:9px}.hero h1,.section h2{font-size:clamp(54px,7.2vw,116px);line-height:.86;letter-spacing:-.065em;margin:0;font-weight:600}.hero h1 em,.section h2 em{color:transparent;font-style:normal;-webkit-text-stroke:1px rgba(207,173,255,.85)}.lead{max-width:600px;font-size:clamp(16px,1.5vw,21px);line-height:1.6;color:#aaa5b0;margin:36px 0 28px}.lead strong{color:#fff}.hero-actions{display:flex;gap:11px;flex-wrap:wrap}.button{border:0;border-radius:100px;padding:14px 21px;cursor:pointer;display:inline-flex;align-items:center;gap:18px;font-size:12px;font-weight:700;letter-spacing:.02em;transition:transform .25s,background .25s}.button:hover{transform:translateY(-2px)}.primary{background:linear-gradient(120deg,#9b42ff,#5b15bb);box-shadow:0 12px 35px rgba(110,29,207,.25)}.ghost{border:1px solid var(--line);background:rgba(255,255,255,.025)}.ghost:hover{background:rgba(255,255,255,.08)}.micro{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#625e68;margin-top:24px}
.logo-stage{height:480px;position:relative;display:grid;place-items:center;perspective:1000px}.logo-stage:before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(136,48,255,.25),transparent 66%);filter:blur(20px)}.logo-core{position:relative;width:245px;height:245px;border-radius:50%;border:1px solid rgba(213,187,255,.22);background:radial-gradient(circle at 38% 28%,#231735,#0b0810 65%);box-shadow:inset 0 0 40px rgba(171,98,255,.12),0 35px 90px #000;display:grid;place-items:center;cursor:pointer;transition:transform .18s ease-out,box-shadow .3s;z-index:2;transform-style:preserve-3d}.logo-core:hover{box-shadow:inset 0 0 50px rgba(171,98,255,.25),0 35px 100px #000,0 0 45px rgba(126,44,231,.18)}.logo-core img{width:61%;height:61%;object-fit:contain;filter:drop-shadow(0 8px 15px #000);transform:translateZ(35px)}.logo-core b{position:absolute;bottom:-38px;font-size:8px;letter-spacing:.28em;color:#9d98a3;white-space:nowrap}.logo-glow{position:absolute;inset:15px;border-radius:50%;border:1px solid transparent;border-top-color:#a45aff;animation:spin 5s linear infinite}.orbit{position:absolute;border:1px solid rgba(255,255,255,.09);border-radius:50%;transform:rotateX(68deg);animation:spin 12s linear infinite}.orbit-a{width:360px;height:360px}.orbit-b{width:440px;height:440px;transform:rotateX(74deg) rotateY(20deg);animation-direction:reverse;animation-duration:18s}.spark{position:absolute;width:4px;height:4px;background:#b068ff;border-radius:50%;box-shadow:0 0 15px #a84cff}.s1{left:17%;top:31%}.s2{right:12%;top:48%}.s3{left:31%;bottom:15%}@keyframes spin{to{rotate:360deg}}
.section{padding:110px 8vw}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px}.section h2{font-size:clamp(45px,6vw,85px)}.portfolio{overflow:hidden}.gallery-nav{display:flex;align-items:center;gap:8px}.gallery-nav span{font-size:10px;color:var(--muted);margin-right:12px}.gallery-nav button{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:transparent;cursor:pointer;transition:.25s}.gallery-nav button:hover{background:#fff;color:#000}.gallery-wrap{margin-right:-8vw}.gallery{display:flex;gap:26px;overflow-x:auto;padding:25px 8vw 38px 5px;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;overscroll-behavior-x:contain}.gallery::-webkit-scrollbar{display:none}.gallery.dragging{cursor:grabbing;scroll-snap-type:none}.work{flex:0 0 auto;scroll-snap-align:start;perspective:1200px}.work.portrait{width:min(29vw,340px)}.work.landscape{width:min(74vw,780px)}.screen{position:relative;border:1px solid rgba(221,213,231,.23);padding:7px;border-radius:17px;background:linear-gradient(135deg,#403b46 0,#111016 22%,#070609 70%,#51248c);box-shadow:14px 24px 55px #000,-1px -1px 0 rgba(255,255,255,.25);transform:rotateY(0);transition:transform .45s var(--ease),box-shadow .45s}.screen:before{content:"";position:absolute;inset:5px;border-radius:12px;box-shadow:inset 0 0 0 1px #000;pointer-events:none;z-index:2}.work:hover .screen{transform:translateY(-8px) rotateY(-1.5deg);box-shadow:20px 32px 70px #000,0 0 30px rgba(118,36,222,.15)}.screen video{display:block;width:100%;height:auto;aspect-ratio:var(--ratio);object-fit:cover;border-radius:10px;background:#020202}.portrait .screen video{--ratio:9/16}.landscape .screen video{--ratio:16/9}.work footer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:17px 4px 0}.work footer span{font-size:9px;color:#7650a8}.work h3{font-size:13px;margin:0}.work small{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.drag-hint{text-align:right;margin:0;color:#6d6874;text-transform:uppercase;font-size:8px;letter-spacing:.22em}.drag-hint span{color:#a55aff;font-size:17px;vertical-align:middle;margin-left:8px}
.about{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;align-items:center;background:linear-gradient(120deg,#09070c,#100a17 55%,#070609)}.about-intro>p:last-child,.project-heading>p{color:var(--muted);line-height:1.65;max-width:390px}.about-console{min-height:390px;border:1px solid var(--line);border-radius:22px;padding:32px;position:relative;overflow:hidden;background:rgba(255,255,255,.025);box-shadow:0 30px 80px rgba(0,0,0,.35)}.about-console>img{position:absolute;width:320px;right:-70px;bottom:-120px;opacity:.055;transform:rotate(12deg)}.about-tabs{display:flex;gap:8px;margin-bottom:70px}.about-tabs button{border:1px solid var(--line);border-radius:100px;background:transparent;padding:9px 15px;font-size:10px;cursor:pointer;color:#99949f}.about-tabs button.active{background:#fff;color:#080609}.about-content{position:relative;z-index:2;animation:fadeUp .4s var(--ease)}.about-content span{font-size:8px;letter-spacing:.2em;color:#9d55ef}.about-content h3{font-size:clamp(25px,3vw,41px);max-width:520px;margin:18px 0}.about-content p{color:#9b96a1;line-height:1.65;max-width:520px}@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}}
.project{display:grid;grid-template-columns:.78fr 1.22fr;gap:7vw;align-items:center}.text-link{border:0;background:none;padding:0;color:#b477ff;cursor:pointer;font-size:12px}.builder{border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));padding:38px;min-height:410px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.step{display:none}.step.active{display:block;animation:fadeUp .35s}.step>p,.builder-result>span{color:#9e54ef;text-transform:uppercase;letter-spacing:.18em;font-size:9px}.step h3,.builder-result h3{font-size:30px;margin:18px 0 28px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choices button{padding:17px;text-align:left;border:1px solid var(--line);border-radius:11px;background:#0b0910;color:#c3bec8;cursor:pointer;transition:.22s}.choices button:hover{border-color:#9c4cf7;color:#fff;transform:translateY(-2px)}.builder-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#17131d}.builder-progress i{display:block;height:100%;width:33%;background:linear-gradient(90deg,#5d17bc,#af66ff);transition:width .4s}.builder-result{display:none}.builder-result.active{display:block;animation:fadeUp .4s}.builder-result p{color:#a7a1ac;line-height:1.6;margin-bottom:22px}.builder-result .text-link{display:block;margin-top:18px}footer{border-top:1px solid var(--line);padding:34px 5vw;display:flex;align-items:center;justify-content:space-between;color:#837e89;font-size:10px}footer>a:last-child{color:#d2cdd8}
.ai-overlay{position:fixed;inset:0;background:rgba(0,0,0,.64);backdrop-filter:blur(5px);z-index:79;opacity:0;visibility:hidden;transition:.35s}.ai-overlay.open{opacity:1;visibility:visible}.ai-drawer{position:fixed;top:0;right:0;width:min(470px,100%);height:100dvh;background:#0b0910;border-left:1px solid rgba(176,104,255,.25);z-index:80;transform:translateX(105%);transition:transform .45s var(--ease);display:flex;flex-direction:column;box-shadow:-30px 0 100px #000}.ai-drawer.open{transform:none}.ai-drawer>header{height:80px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.ai-drawer>header>div{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center}.ai-drawer header p{font-size:11px;letter-spacing:.2em;margin:0}.ai-drawer header small{grid-column:2;color:#77717e;font-size:9px;margin-top:3px}.ai-pulse{width:8px;height:8px;background:#9a42ff;border-radius:50%;grid-row:1/3;box-shadow:0 0 15px #9a42ff;animation:pulse 1.8s infinite}@keyframes pulse{50%{opacity:.4}}#closeAi{border:0;background:none;font-size:28px;font-weight:200;color:#777;cursor:pointer}.ai-thread{flex:1;overflow-y:auto;padding:26px}.ai-message{display:flex;gap:12px;margin-bottom:18px}.ai-message>span{width:25px;height:25px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;font-size:9px;background:#6e25c5}.ai-message p{margin:0;padding:13px 15px;background:#15111b;border:1px solid var(--line);border-radius:3px 14px 14px 14px;color:#d0cad5;line-height:1.55;font-size:13px}.ai-message.user{justify-content:flex-end}.ai-message.user p{background:#52208a;border-radius:14px 3px 14px 14px;color:#fff}.ai-message.user>span{display:none}.ai-message img{max-width:100%;border-radius:12px;border:1px solid var(--line)}.prompts{display:flex;flex-wrap:wrap;gap:7px;margin-left:37px}.prompts button,.mode-row button{border:1px solid var(--line);background:transparent;border-radius:100px;color:#aaa4af;padding:9px 12px;font-size:9px;cursor:pointer}.prompts button:hover,.mode-row button.active{border-color:#9450e7;color:#fff}.ai-drawer form{padding:18px 22px 22px;border-top:1px solid var(--line)}.mode-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.mode-row span{font-size:8px;color:#716b76;text-transform:uppercase;letter-spacing:.14em}.composer{display:flex;align-items:end;border:1px solid var(--line);border-radius:14px;padding:9px;background:#100d15}.composer textarea{flex:1;background:transparent;color:#fff;border:0;outline:0;resize:none;padding:8px;font:13px Arial;max-height:100px}.composer button{width:36px;height:36px;border:0;border-radius:10px;background:#8c38ea;cursor:pointer}.ai-drawer form>small{display:block;text-align:center;color:#5e5963;font-size:8px;margin-top:10px}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.visible{opacity:1;transform:none}
@media(max-width:850px){.header{padding:0 20px}.header nav{display:none}.hero{grid-template-columns:1fr;padding:120px 22px 60px}.logo-stage{height:340px;grid-row:1}.logo-core{width:190px;height:190px}.orbit-a{width:270px;height:270px}.orbit-b{width:320px;height:320px}.hero-copy{grid-row:2}.section{padding:82px 22px}.section-head{align-items:flex-end}.gallery-wrap{margin-right:-22px}.gallery{padding-right:22px}.work.portrait{width:265px}.work.landscape{width:76vw}.work footer{grid-template-columns:auto 1fr}.work footer small{display:none}.about,.project{grid-template-columns:1fr;gap:48px}.about-console{min-height:360px}.choices{grid-template-columns:1fr 1fr}footer{padding:30px 22px;flex-wrap:wrap;gap:20px}footer p{order:3;width:100%}}
@media(max-width:520px){.hero h1{font-size:55px}.section h2{font-size:46px}.lead{font-size:16px}.hero-actions{align-items:stretch}.hero-actions .button{justify-content:center}.section-head{display:block}.gallery-nav{margin-top:22px}.work.landscape{width:88vw}.work.portrait{width:250px}.about-tabs{margin-bottom:48px}.about-console,.builder{padding:25px}.choices{grid-template-columns:1fr}.step h3{font-size:24px}.brand span{display:none}.mini-cta{padding:9px 13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* APEX NEURAL — direção tecnológica, tridimensional e luminosa */
body{font-family:Montserrat,Arial,sans-serif;background:#030106;background-image:radial-gradient(circle at 80% 10%,rgba(132,30,255,.22),transparent 30%),radial-gradient(circle at 5% 60%,rgba(51,18,111,.18),transparent 34%)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(164,92,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(164,92,255,.045) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 82%);transform:perspective(700px) rotateX(60deg) scale(1.8) translateY(8%);transform-origin:bottom}
.header{height:82px;background:linear-gradient(180deg,rgba(3,1,6,.96),rgba(9,3,18,.45),transparent);border-bottom:1px solid rgba(211,172,255,.07)}
.brand{font-weight:900;background:linear-gradient(90deg,#fff,#a97bdf);-webkit-background-clip:text;color:transparent}.brand img{filter:drop-shadow(0 0 9px rgba(160,61,255,.65))}.header nav{font-weight:600;text-transform:uppercase;font-size:9px;letter-spacing:.12em}.mini-cta{border:1px solid rgba(198,137,255,.55);background:linear-gradient(110deg,rgba(163,54,255,.16),rgba(255,255,255,.04));box-shadow:inset 0 0 18px rgba(174,70,255,.08),0 0 18px rgba(109,20,211,.12)}
.hero{min-height:100svh;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 73% 44%,rgba(147,37,255,.32),transparent 22%),radial-gradient(ellipse at 76% 47%,rgba(31,8,57,.95),transparent 44%),linear-gradient(135deg,#030106 20%,#0b0314 62%,#020105)}
.hero:before{content:"";position:absolute;z-index:-1;inset:8% -5% -18% 42%;background:repeating-linear-gradient(118deg,transparent 0 42px,rgba(182,109,255,.09) 43px 44px),repeating-linear-gradient(28deg,transparent 0 50px,rgba(107,197,255,.055) 51px 52px);clip-path:polygon(10% 0,100% 0,100% 100%,0 88%);transform:perspective(900px) rotateY(-10deg) rotateX(4deg);filter:drop-shadow(0 0 22px rgba(145,48,255,.35))}
.hero:after{left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 8%,#7626de 45%,#b65cff 64%,transparent 92%);box-shadow:0 0 24px #7723dc}
.eyebrow{color:#bba7c9;font-weight:600;letter-spacing:.28em}.eyebrow i{height:2px;background:linear-gradient(90deg,#7831e6,#d693ff);box-shadow:0 0 12px #a83fff}
.hero h1,.section h2{font-weight:900;letter-spacing:-.055em;text-transform:uppercase;text-shadow:0 10px 42px rgba(0,0,0,.75)}
.hero h1{font-size:clamp(52px,7vw,108px);line-height:.88;perspective:700px}.hero h1 em,.section h2 em{display:inline-block;background:linear-gradient(120deg,#f5f1ff 5%,#d6b4ff 30%,#8b35ff 59%,#51248f 82%,#f3eaff);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:0;text-shadow:none;filter:drop-shadow(0 12px 25px rgba(109,25,205,.35));animation:metalFlow 6s ease-in-out infinite alternate}@keyframes metalFlow{to{background-position:100% 0}}
.lead{color:#c0b8c7;font-weight:400}.lead strong{font-weight:900;background:linear-gradient(90deg,#fff,#b865ff);-webkit-background-clip:text;color:transparent}.primary{position:relative;overflow:hidden;background:linear-gradient(115deg,#5510b2,#a439ff 55%,#d38aff);box-shadow:inset 0 1px rgba(255,255,255,.35),inset 0 -8px 16px rgba(50,0,104,.42),0 15px 40px rgba(113,25,215,.42);font-weight:900}.primary:after{content:"";position:absolute;inset:-100% 40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);transform:rotate(25deg);transition:.7s}.primary:hover:after{transform:translateX(250%) rotate(25deg)}.ghost{background:linear-gradient(120deg,rgba(255,255,255,.1),rgba(104,26,172,.08));border-color:rgba(223,199,255,.28);box-shadow:inset 0 0 22px rgba(255,255,255,.035)}
.logo-stage{height:540px;filter:drop-shadow(0 45px 50px #000)}.logo-stage:before{width:430px;height:430px;background:radial-gradient(circle,rgba(170,58,255,.45) 0,rgba(98,15,203,.2) 31%,transparent 67%);filter:blur(18px);animation:breathe 3s ease-in-out infinite alternate}@keyframes breathe{to{transform:scale(1.12);opacity:.72}}
.logo-core{width:280px;height:280px;border-radius:34%;background:linear-gradient(145deg,rgba(50,22,75,.8),rgba(5,2,9,.96));border:1px solid rgba(236,213,255,.44);transform:rotateX(7deg) rotateY(-10deg);box-shadow:inset 4px 4px 15px rgba(255,255,255,.12),inset -12px -15px 28px rgba(0,0,0,.8),0 35px 60px #000,0 0 55px rgba(135,27,255,.34);clip-path:polygon(12% 0,88% 0,100% 12%,100% 88%,88% 100%,12% 100%,0 88%,0 12%)}
.logo-core:before{content:"APEX // AI";position:absolute;top:17px;left:23px;font-size:7px;letter-spacing:.25em;color:#c999ff}.logo-core:after{content:"ONLINE";position:absolute;right:20px;bottom:17px;font-size:6px;letter-spacing:.22em;color:#8af0ff}.logo-core img{width:65%;height:65%;filter:drop-shadow(0 10px 10px #000) drop-shadow(0 0 14px rgba(149,43,255,.62))}.logo-glow{inset:8px;border-radius:27%;border:1px solid rgba(185,103,255,.32);border-top-color:#ecceff;border-right-color:#7bdbff}.orbit{border-color:rgba(190,121,255,.18);box-shadow:0 0 25px rgba(148,38,255,.1)}.orbit-a{width:400px;height:400px}.orbit-b{width:500px;height:500px}.spark{width:5px;height:5px;background:#dd9dff;box-shadow:0 0 7px #fff,0 0 22px #a536ff}
.portfolio{position:relative;background:linear-gradient(180deg,#030106,#0b0313 48%,#030106)}.portfolio:before{content:"PORTFOLIO";position:absolute;right:-2vw;top:75px;font-size:12vw;font-weight:900;letter-spacing:-.07em;color:rgba(183,105,255,.026);pointer-events:none}.gallery-nav button{border-color:rgba(201,151,255,.3);background:linear-gradient(145deg,#1a0d29,#08040d);box-shadow:inset 0 1px rgba(255,255,255,.1),0 8px 20px #000}.gallery-nav button:hover{background:linear-gradient(135deg,#b967ff,#5f11ca);color:#fff;box-shadow:0 0 30px rgba(164,55,255,.45)}
.screen{padding:9px;border:1px solid rgba(234,214,255,.5);border-radius:20px;background:linear-gradient(135deg,#e4d9eb 0,#6c6370 2%,#181020 10%,#08030c 50%,#4e147b 91%,#c591ff 99%);box-shadow:inset 0 1px rgba(255,255,255,.5),inset -8px -8px 15px rgba(0,0,0,.8),16px 28px 55px #000,0 0 25px rgba(129,31,226,.16);transform:rotateY(-2deg) rotateX(1deg);transform-style:preserve-3d}.screen:after{content:"";position:absolute;inset:-2px;border-radius:21px;border-left:3px solid rgba(255,255,255,.18);border-bottom:4px solid rgba(57,9,100,.7);pointer-events:none}.work:nth-child(even) .screen{transform:rotateY(2deg) rotateX(1deg)}.work:hover .screen{transform:translateY(-12px) rotateY(0) rotateX(0) scale(1.015);box-shadow:inset 0 1px rgba(255,255,255,.6),18px 38px 70px #000,0 0 38px rgba(164,49,255,.32)}.work h3{font-weight:900;text-transform:uppercase;letter-spacing:.03em}.work footer span{color:#bd6cff;text-shadow:0 0 12px #9e35ff}
.about{position:relative;background:radial-gradient(circle at 78% 42%,rgba(130,30,231,.25),transparent 28%),linear-gradient(120deg,#040107,#130621 55%,#030105)}.about:before{content:"";position:absolute;inset:8% 4%;border:1px solid rgba(173,91,255,.08);transform:perspective(700px) rotateY(-2deg);pointer-events:none}.about-console,.builder{background:linear-gradient(145deg,rgba(48,21,68,.58),rgba(7,3,11,.88));border-color:rgba(214,172,255,.3);box-shadow:inset 0 1px rgba(255,255,255,.13),inset -15px -20px 40px rgba(0,0,0,.4),0 30px 80px #000,0 0 45px rgba(105,18,205,.12);backdrop-filter:blur(20px)}.about-tabs button{font-weight:600}.about-tabs button.active{background:linear-gradient(120deg,#fff,#c392ff);box-shadow:0 0 24px rgba(190,105,255,.4)}.about-content h3,.step h3,.builder-result h3{font-weight:900}.choices button{font-family:Montserrat;background:linear-gradient(145deg,rgba(30,15,42,.8),rgba(7,3,10,.9));border-color:rgba(215,177,255,.18);box-shadow:inset 0 1px rgba(255,255,255,.05),0 8px 20px rgba(0,0,0,.25)}.choices button:hover{border-color:#ba6eff;background:linear-gradient(145deg,#2d1244,#130821);box-shadow:0 0 24px rgba(146,39,255,.2)}
.ai-drawer{background:radial-gradient(circle at 90% 0,rgba(133,32,241,.24),transparent 25%),linear-gradient(160deg,#10051b,#050207 75%);border-left-color:rgba(197,124,255,.45);box-shadow:-30px 0 100px #000,-1px 0 30px rgba(143,39,255,.25)}.ai-message p{font-family:Montserrat}.composer textarea{font-family:Montserrat}.ai-message>span{background:linear-gradient(145deg,#c06dff,#5412b8);box-shadow:inset 0 1px rgba(255,255,255,.4),0 0 18px rgba(166,54,255,.45)}
@media(max-width:850px){.logo-stage{height:390px}.logo-core{width:210px;height:210px}.orbit-a{width:300px;height:300px}.orbit-b{width:360px;height:360px}.hero:before{inset:3% -35% 25% 15%}.portfolio:before{font-size:21vw}}

/* Retrato autoral + tipografia Apex Display */
@font-face{font-family:ApexDisplay;src:url('/ApexDisplay.ttf') format('truetype');font-weight:100 900;font-display:swap}
body{font-family:ApexDisplay,"Segoe UI",sans-serif}.hero h1,.section h2,.about-content h3,.step h3,.builder-result h3,.work h3{font-family:ApexDisplay,"Segoe UI",sans-serif;font-stretch:condensed;font-weight:700;letter-spacing:-.035em}.hero h1,.section h2{letter-spacing:-.052em}.lead,.button,.header,.eyebrow,.choices button,.ai-message p,.composer textarea{font-family:ApexDisplay,"Segoe UI",sans-serif}
.logo-stage{isolation:isolate;margin-right:-4vw}.creator-portrait{position:absolute;z-index:-1;width:min(44vw,560px);height:clamp(520px,73vh,760px);right:-4vw;top:50%;transform:translateY(-48%);background-image:linear-gradient(90deg,#08030d 0,transparent 27%),linear-gradient(0deg,#08030d 0,transparent 27%),radial-gradient(circle at 52% 38%,transparent 20%,rgba(7,2,12,.44) 68%),url('/direcao-apex.jpg');background-size:cover;background-position:52% center;opacity:.43;filter:saturate(.72) contrast(1.12);mask-image:linear-gradient(90deg,transparent 0,#000 28%,#000 78%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 28%,#000 78%,transparent 100%)}
.creator-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(105,15,213,.24),transparent 38%,rgba(12,3,23,.35)),repeating-linear-gradient(0deg,transparent 0 5px,rgba(179,113,255,.035) 6px);mix-blend-mode:screen}
.logo-core{width:230px;height:230px;transform:translate(-92px,78px) rotateX(7deg) rotateY(-10deg);background:linear-gradient(145deg,rgba(47,16,75,.78),rgba(3,1,7,.93));backdrop-filter:blur(14px)}.logo-core:hover{box-shadow:inset 0 0 50px rgba(171,98,255,.28),0 35px 100px #000,0 0 58px rgba(148,39,255,.38)}.orbit-a{width:340px;height:340px;translate:-92px 78px}.orbit-b{width:430px;height:430px;translate:-92px 78px}.logo-stage:before{width:370px;height:370px;translate:-92px 78px}.creator-note{position:absolute;z-index:3;right:0;bottom:15%;display:flex;align-items:center;gap:12px;padding:11px 15px;border:1px solid rgba(219,183,255,.2);background:linear-gradient(115deg,rgba(12,5,20,.76),rgba(65,19,105,.35));backdrop-filter:blur(12px);box-shadow:0 14px 35px rgba(0,0,0,.42);font-size:8px;line-height:1.55;letter-spacing:.14em;text-transform:uppercase;color:#aaa0af}.creator-note i{width:7px;height:7px;border-radius:50%;background:#b45cff;box-shadow:0 0 13px #b45cff}.creator-note b{color:#f4eaff;font-weight:600}
.hero-copy{position:relative;z-index:4}.hero h1 em,.section h2 em{font-family:ApexDisplay,"Segoe UI",sans-serif;font-style:normal}.header .brand,.mini-cta{font-family:ApexDisplay,"Segoe UI",sans-serif}.micro{font-family:ApexDisplay,"Segoe UI",sans-serif}
@media(max-width:1000px){.creator-portrait{right:-12vw}.logo-core,.orbit-a,.orbit-b,.logo-stage:before{translate:-40px 78px}.creator-note{right:-3vw}}
@media(max-width:850px){.logo-stage{margin-right:0;height:430px}.creator-portrait{width:calc(100vw - 20px);height:470px;right:-22px;opacity:.39;background-position:50% 35%}.logo-core{width:175px;height:175px;transform:translate(-70px,85px)}.orbit-a{width:260px;height:260px}.orbit-b{width:320px;height:320px}.logo-core,.orbit-a,.orbit-b,.logo-stage:before{translate:-70px 35px}.creator-note{right:0;bottom:4%}}
@media(max-width:520px){.hero h1{font-size:53px}.creator-portrait{opacity:.36}.creator-note{font-size:7px}.logo-core{width:155px;height:155px}.orbit-a{width:230px;height:230px}.orbit-b{width:285px;height:285px}}

/* Apex Web Experience */
.websites{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:8vw;align-items:center;overflow:hidden;background:radial-gradient(circle at 76% 48%,rgba(139,48,255,.18),transparent 31%),linear-gradient(145deg,#08040d,#030106)}
.websites:before{content:"WEB";position:absolute;right:-.03em;top:50%;transform:translateY(-56%);font-size:25vw;font-weight:900;line-height:1;color:rgba(184,106,255,.025);pointer-events:none}
.sites-copy{position:relative;z-index:2}.sites-copy>p:not(.eyebrow){max-width:620px;margin:30px 0;color:#aaa5b0;font-size:17px;line-height:1.65}.sites-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.sites-actions .text-link{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#c7a4f3}
.sites-console{position:relative;z-index:2;padding:18px;border:1px solid rgba(200,144,255,.22);border-radius:24px;background:linear-gradient(145deg,rgba(31,15,48,.88),rgba(5,3,8,.92));box-shadow:28px 35px 85px #000,inset 0 1px rgba(255,255,255,.08);transform:perspective(1100px) rotateY(-5deg);transition:transform .45s var(--ease)}.sites-console:hover{transform:perspective(1100px) rotateY(0) translateY(-5px)}
.sites-console-top{display:flex;align-items:center;gap:12px;padding:3px 5px 16px;color:#896aa8;font-size:8px;letter-spacing:.2em}.sites-console-top i{height:1px;flex:1;background:linear-gradient(90deg,#7931ca,transparent)}
.site-feature{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:15px;padding:22px 18px;border-top:1px solid rgba(255,255,255,.075);transition:.28s}.site-feature:hover,.site-feature.active{background:linear-gradient(100deg,rgba(139,49,255,.18),transparent);transform:translateX(5px)}.site-feature b{font-size:9px;color:#9356d5}.site-feature h3{margin:0 0 5px;font:700 22px/1 ApexDisplay,"Segoe UI",sans-serif;text-transform:uppercase}.site-feature p{margin:0;color:#77717f;font-size:12px;line-height:1.4}.site-feature>span{color:#ad61ff}
@media(max-width:850px){.websites{grid-template-columns:1fr;gap:48px}.sites-console{transform:none}.sites-console:hover{transform:translateY(-4px)}}
@media(max-width:520px){.sites-copy>p:not(.eyebrow){font-size:15px}.site-feature{padding:19px 10px}.site-feature h3{font-size:19px}.site-feature p{font-size:11px}}
.logo-core{transform:rotateX(7deg) rotateY(-10deg)}
@media(max-width:850px){.logo-core{transform:rotateX(7deg) rotateY(-10deg)}}

/* Logo sem moldura: interação por movimento e luz */
.creator-portrait{background-image:radial-gradient(ellipse at 51% 42%,transparent 18%,rgba(5,1,9,.16) 48%,rgba(3,1,6,.88) 83%),linear-gradient(0deg,#030106 0,transparent 34%),url('/direcao-apex.jpg');opacity:.48;mask-image:radial-gradient(ellipse 66% 62% at 54% 45%,#000 24%,rgba(0,0,0,.92) 48%,transparent 82%);-webkit-mask-image:radial-gradient(ellipse 66% 62% at 54% 45%,#000 24%,rgba(0,0,0,.92) 48%,transparent 82%)}
.logo-core{width:245px;height:245px;border:0;border-radius:0;background:transparent;box-shadow:none!important;clip-path:none;backdrop-filter:none;overflow:visible}.logo-core:before,.logo-core:after,.logo-glow{display:none}.logo-core img{width:82%;height:82%;filter:drop-shadow(0 18px 16px rgba(0,0,0,.9)) drop-shadow(0 0 10px rgba(255,255,255,.22)) drop-shadow(0 0 27px rgba(151,39,255,.62));transition:filter .35s,scale .35s;animation:logoFloat 3.8s ease-in-out infinite}.logo-core:hover img{scale:1.1;filter:drop-shadow(0 22px 18px rgba(0,0,0,.95)) drop-shadow(0 0 15px rgba(255,255,255,.45)) drop-shadow(0 0 45px rgba(174,65,255,.95))}.logo-core:focus-visible{outline:1px solid #bd7aff;outline-offset:14px}.logo-stage:before{background:radial-gradient(circle,rgba(166,51,255,.3),rgba(90,17,190,.12) 38%,transparent 68%)}.orbit{opacity:.28;border-style:dashed;animation-duration:28s}.orbit-b{opacity:.13}.spark{animation:sparkDrift 2.6s ease-in-out infinite alternate}.s2{animation-delay:-1.1s}.s3{animation-delay:-2s}@keyframes logoFloat{50%{transform:translateY(-10px) rotate(.8deg)}}@keyframes sparkDrift{to{translate:12px -16px;scale:1.8;opacity:.28}}
@media(max-width:850px){.creator-portrait{mask-image:radial-gradient(ellipse 76% 63% at 52% 42%,#000 20%,rgba(0,0,0,.9) 47%,transparent 82%);-webkit-mask-image:radial-gradient(ellipse 76% 63% at 52% 42%,#000 20%,rgba(0,0,0,.9) 47%,transparent 82%)}.logo-core{width:185px;height:185px}}

/* Portrait menor e reposicionado */
.creator-portrait{width:290px;height:390px;right:-1vw;top:auto;bottom:2%;transform:none;opacity:.34;background-position:50% 35%;mask-image:radial-gradient(ellipse 64% 62% at 52% 46%,#000 20%,rgba(0,0,0,.88) 48%,transparent 82%);-webkit-mask-image:radial-gradient(ellipse 64% 62% at 52% 46%,#000 20%,rgba(0,0,0,.88) 48%,transparent 82%)}

/* Apex Slice */
.logo-core{touch-action:none}.logo-core .slice-half{position:absolute;inset:9%;width:82%;height:82%;object-fit:contain;transition:transform .8s cubic-bezier(.15,.75,.2,1),opacity .65s,filter .35s;animation:logoFloat 3.8s ease-in-out infinite}.logo-core .slice-left{clip-path:polygon(0 0,55% 0,43% 100%,0 100%)}.logo-core .slice-right{clip-path:polygon(55% 0,100% 0,100% 100%,43% 100%)}.logo-core.sliced .slice-left{animation:none;transform:translate(-100px,70px) rotate(-18deg);opacity:0;filter:drop-shadow(0 0 30px #a94dff)}.logo-core.sliced .slice-right{animation:none;transform:translate(105px,-55px) rotate(15deg);opacity:0;filter:drop-shadow(0 0 30px #e0a8ff)}.logo-core.sliced:after{display:block;content:"";position:absolute;z-index:9;width:150%;height:3px;left:-25%;top:50%;background:linear-gradient(90deg,transparent,#fff 35%,#c37aff 60%,transparent);box-shadow:0 0 12px #fff,0 0 34px #a33cff;transform:rotate(-62deg);animation:slashFlash .55s ease-out forwards}@keyframes slashFlash{0%{opacity:0;scale:.25 1}30%{opacity:1}100%{opacity:0;scale:1.25 1}}.slice-hint{position:absolute;z-index:4;left:35%;bottom:5%;font-size:7px;letter-spacing:.24em;text-transform:uppercase;color:#918899;pointer-events:none}.slice-hint i{font-size:18px;color:#c783ff;text-shadow:0 0 12px #a342ff;vertical-align:middle}.slash-trail{position:fixed;height:2px;z-index:1000;transform-origin:left center;background:linear-gradient(90deg,transparent,#fff,#b85dff,transparent);box-shadow:0 0 10px #fff,0 0 24px #9b3cff;pointer-events:none;animation:trailFade .3s ease-out forwards}@keyframes trailFade{to{opacity:0;scale:1.08 1}}
.reward-overlay{position:fixed;inset:0;z-index:89;background:rgba(2,0,5,.78);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:.35s}.reward-overlay.open{opacity:1;visibility:visible}.reward-modal{position:fixed;z-index:90;left:50%;top:50%;width:min(520px,calc(100% - 32px));padding:48px;text-align:center;transform:translate(-50%,-44%) scale(.9);opacity:0;visibility:hidden;border:1px solid rgba(222,187,255,.42);border-radius:24px;background:radial-gradient(circle at 50% 0,rgba(163,51,255,.32),transparent 42%),linear-gradient(145deg,#150722,#050207);box-shadow:inset 0 1px rgba(255,255,255,.15),0 40px 120px #000,0 0 65px rgba(148,35,255,.28);transition:.48s var(--ease);overflow:hidden}.reward-modal:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(120deg,transparent 0 34px,rgba(181,102,255,.045) 35px 36px);pointer-events:none}.reward-modal.open{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.reward-close{position:absolute;right:17px;top:13px;border:0;background:none;color:#a49ba9;font-size:28px;cursor:pointer}.reward-kicker{font-size:8px;letter-spacing:.3em;color:#c487ff}.reward-value{font-size:92px;line-height:1;font-weight:700;margin:14px 0 3px;background:linear-gradient(135deg,#fff,#c98cff 45%,#7121d4);-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 10px 20px rgba(144,38,255,.34))}.reward-value sup{font-size:30px}.reward-modal h2{font-size:30px;line-height:1.05;margin:6px 0 18px}.reward-modal h2 em{font-style:normal;color:#c17aff}.reward-modal p{color:#aaa1b0;line-height:1.6;font-size:13px;max-width:390px;margin:0 auto 24px}.reward-modal .button{justify-content:center}.reward-modal small{display:block;margin-top:15px;color:#6e6672;font-size:8px}.reward-burst{position:fixed;z-index:91;width:7px;height:7px;border-radius:50%;background:#d7a0ff;box-shadow:0 0 14px #b64cff;pointer-events:none;animation:burst .8s ease-out forwards}@keyframes burst{to{translate:var(--x) var(--y);scale:0;opacity:0}}

/* Carrossel infinito e fluido */
.gallery{scroll-snap-type:x proximity;scroll-behavior:auto;touch-action:pan-y;gap:22px}.gallery.dragging{user-select:none}.gallery.dragging video{pointer-events:none}.work{scroll-snap-align:center;will-change:transform;transition:opacity .28s,transform .35s var(--ease)}.work.is-clone{opacity:.98}.gallery-nav button{transition:transform .2s,background .25s,box-shadow .25s}.gallery-nav button:active{transform:scale(.88)}
@media(max-width:850px){.creator-portrait{width:215px;height:290px;right:-12px;bottom:8%;opacity:.3}.slice-hint{left:28%;bottom:1%}.reward-modal{padding:40px 24px}.reward-value{font-size:75px}}

/* Nova composição: retrato na abertura, desafio no encerramento */
.hero-portrait{position:absolute;z-index:-1;right:0;top:0;width:52vw;height:100%;background-image:linear-gradient(90deg,#030106 0,rgba(3,1,6,.72) 22%,transparent 57%),linear-gradient(0deg,#030106 0,transparent 30%),radial-gradient(ellipse at 70% 40%,transparent 22%,rgba(3,1,6,.6) 72%),url('/direcao-apex.jpg');background-size:cover;background-position:center 30%;opacity:.26;filter:saturate(.72) contrast(1.08);mask-image:linear-gradient(90deg,transparent 0,#000 30%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%,#000 100%)}.hero-copy{grid-column:1}.hero{grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr)}
.slice-zone{min-height:720px;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:5vw;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 50%,rgba(137,32,244,.22),transparent 27%),linear-gradient(135deg,#030106,#0c0314 55%,#020104)}.slice-zone:before{content:"";position:absolute;inset:10% 5%;border:1px solid rgba(184,108,255,.08);background:repeating-linear-gradient(125deg,transparent 0 45px,rgba(176,95,255,.035) 46px 47px);transform:perspective(900px) rotateY(-4deg);pointer-events:none}.slice-copy{position:relative;z-index:3}.slice-copy>p:last-child{color:#9f97a6;line-height:1.7;max-width:430px}.slice-zone .logo-stage{margin:0;height:510px}.slice-zone .logo-core,.slice-zone .orbit-a,.slice-zone .orbit-b,.slice-zone .logo-stage:before{translate:0 0}.logo-core .logo-original{position:absolute;inset:9%;width:82%;height:82%;object-fit:contain;filter:drop-shadow(0 18px 16px rgba(0,0,0,.9)))) drop-shadow(0 0 27px rgba(151,39,255,.62));animation:logoFloat 3.8s ease-in-out infinite;transition:opacity .12s}.logo-core .slice-half{opacity:0}.logo-core.sliced .logo-original{opacity:0}.logo-core.sliced .slice-half{opacity:1}.logo-core.sliced .slice-left{transform:translate(-100px,70px) rotate(-18deg);opacity:0}.logo-core.sliced .slice-right{transform:translate(105px,-55px) rotate(15deg);opacity:0}.slice-zone .slice-hint{left:50%;bottom:4%;translate:-50% 0}.slice-zone .spark{z-index:4}

/* Profundidade dinâmica do carrossel */
.gallery{padding-top:70px;padding-bottom:75px}.work{transform:scale(.78);filter:blur(2.8px) saturate(.62);opacity:.38;z-index:1;transition:transform .42s var(--ease),filter .42s,opacity .42s}.work .screen{transform:rotateY(4deg);box-shadow:9px 18px 38px rgba(0,0,0,.72)}.work.is-active{transform:scale(1.06);filter:none;opacity:1;z-index:5}.work.is-active .screen{transform:rotateY(0) rotateX(0);box-shadow:inset 0 1px rgba(255,255,255,.55),20px 40px 75px #000,0 0 40px rgba(158,45,255,.32)}.work.is-active footer{opacity:1}.work:not(.is-active) footer{opacity:.35}.work footer{transition:opacity .35s}.gallery.dragging .work{transition-duration:.12s}
@media(max-width:850px){.hero{grid-template-columns:1fr}.hero-portrait{width:78vw;height:55%;top:0;right:-12vw;opacity:.2}.slice-zone{grid-template-columns:1fr;min-height:860px}.slice-zone .logo-stage{height:390px}.work{transform:scale(.84);filter:blur(2px);opacity:.42}.work.is-active{transform:scale(1.02)}}

/* Cadastro e fase audiovisual */
.header-actions{display:flex;align-items:center;gap:8px}.account-button{border:0;background:transparent;color:#aaa2af;font-size:9px;text-transform:uppercase;letter-spacing:.14em;cursor:pointer;padding:10px}.account-button.signed{color:#b96cff}.signup-overlay{position:fixed;inset:0;z-index:89;background:rgba(2,0,5,.78);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:.35s}.signup-overlay.open{opacity:1;visibility:visible}.signup-modal{position:fixed;z-index:90;left:50%;top:50%;width:min(470px,calc(100% - 32px));padding:42px;transform:translate(-50%,-44%) scale(.94);opacity:0;visibility:hidden;border:1px solid rgba(215,173,255,.35);border-radius:24px;background:radial-gradient(circle at 80% 0,rgba(145,39,255,.24),transparent 35%),linear-gradient(145deg,#130720,#050207);box-shadow:0 35px 110px #000,0 0 50px rgba(139,33,243,.2);transition:.42s var(--ease);text-align:center}.signup-modal.open{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.signup-modal h2{font-size:29px;line-height:1.08;margin:14px 0}.signup-modal h2 em{font-style:normal;color:#bd72ff}.signup-modal>p{font-size:11px;line-height:1.55;color:#938b99;max-width:340px;margin:0 auto 22px}.social-logins{display:grid;gap:9px}.social-login{height:50px;border-radius:12px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.045);color:#ede8f1;text-align:left;padding:0 18px;cursor:pointer;font-size:11px;transition:.22s}.social-login:hover{transform:translateY(-2px);border-color:#ac61fb;background:rgba(142,51,231,.12)}.social-login b{display:inline-grid;place-items:center;width:24px;margin-right:12px;font-size:14px}.facebook b{color:#65a2ff}.linkedin b{color:#69b9ff}.auth-status{min-height:17px!important;margin:12px auto 0!important;color:#c17cff!important}.preview-signup{border:0;background:none;color:#867d8b;text-decoration:underline;cursor:pointer;font-size:9px}.signup-modal>small{display:block;margin-top:8px;color:#554e5a;font-size:7px}.slice-lock{position:absolute;z-index:12;left:50%;bottom:3%;translate:-50% 0;border:1px solid rgba(196,131,255,.35);border-radius:100px;background:rgba(10,4,16,.75);backdrop-filter:blur(10px);padding:11px 17px;color:#c9b9d6;font-size:8px;text-transform:uppercase;letter-spacing:.15em;cursor:pointer}.logo-stage.unlocked .slice-lock{display:none}.logo-stage:not(.unlocked) .logo-core{filter:grayscale(.6);opacity:.5}.logo-stage:not(.unlocked) .slice-hint{display:none}.game-hud{display:none;position:absolute;z-index:14;left:10px;top:12px}.game-hud span,.game-hud small{display:block;color:#8d8293;font-size:7px;letter-spacing:.17em}.game-hud b{display:block;font-size:31px;color:#d9b3ff;text-shadow:0 0 18px #9d36ff}.game-field{display:none;position:absolute;inset:0;z-index:10;overflow:hidden}.logo-stage.game-mode .logo-core,.logo-stage.game-mode .orbit,.logo-stage.game-mode .slice-hint,.logo-stage.game-mode>.spark{display:none}.logo-stage.game-mode .game-field,.logo-stage.game-mode .game-hud{display:block}.game-target{position:absolute;left:var(--left);bottom:-90px;width:68px;height:68px;border:1px solid rgba(212,173,255,.28);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 28%,rgba(98,42,138,.82),rgba(8,3,13,.92));box-shadow:inset 0 1px rgba(255,255,255,.18),0 15px 30px rgba(0,0,0,.5),0 0 20px rgba(137,38,238,.16);font-size:31px;user-select:none;pointer-events:none;animation:targetFlight var(--duration) cubic-bezier(.17,.62,.34,1) forwards}.game-target img{width:70%;height:70%;object-fit:contain;filter:drop-shadow(0 0 10px #a33cff)}.game-target.cut{animation:none;transition:.38s;transform:scale(1.7) rotate(24deg);filter:blur(4px);opacity:0}.game-target:after{content:"";position:absolute;width:120%;height:2px;background:linear-gradient(90deg,transparent,#fff,#b75cff,transparent);opacity:0}.game-target.cut:after{opacity:1;animation:slashFlash .35s forwards}@keyframes targetFlight{0%{translate:0 0;rotate:-18deg}48%{translate:var(--drift) -430px;rotate:12deg}100%{translate:calc(var(--drift)*1.6) 60px;rotate:38deg}}
@media(max-width:650px){.header-actions .account-button{display:none}.signup-modal{padding:36px 22px}.game-target{width:58px;height:58px}.slice-lock{white-space:nowrap}}

/* Formulário de cadastro */
.signup-modal{width:min(610px,calc(100% - 32px));max-height:92dvh;overflow-y:auto;text-align:left}.signup-modal>.reward-kicker,.signup-modal>h2,.signup-modal>p,.signup-modal>small{display:block;text-align:center}.registration-form{display:grid;gap:13px}.registration-form label{display:grid;gap:6px}.registration-form label>span{font-size:8px;letter-spacing:.13em;text-transform:uppercase;color:#a79dac}.registration-form input,.registration-form select{width:100%;height:47px;border:1px solid rgba(218,181,255,.17);border-radius:10px;background:rgba(5,2,9,.72);color:#eee9f2;padding:0 14px;outline:0;font-family:ApexDisplay,"Segoe UI",sans-serif;font-size:11px;transition:border-color .2s,box-shadow .2s}.registration-form input:focus,.registration-form select:focus{border-color:#b866ff;box-shadow:0 0 0 3px rgba(163,55,255,.11),0 0 24px rgba(133,32,230,.11)}.registration-form select option{background:#100719}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:11px}.registration-form .consent{display:flex;align-items:flex-start;gap:9px;padding:4px 1px}.registration-form .consent input{width:15px;height:15px;accent-color:#9d40f4;flex:0 0 auto}.registration-form .consent span{font-size:8px;line-height:1.45;letter-spacing:.03em;text-transform:none}.register-submit{justify-content:center;margin-top:2px}.auth-status{text-align:center!important}

/* Player Apex */
.screen video::-webkit-media-controls{display:none!important}.apex-player{position:absolute;z-index:7;left:16px;right:16px;bottom:15px;display:grid;grid-template-columns:38px auto 1fr;align-items:center;gap:11px;padding:9px 11px;border:1px solid rgba(218,184,255,.23);border-radius:12px;background:linear-gradient(110deg,rgba(8,3,13,.82),rgba(58,18,91,.55));backdrop-filter:blur(14px);box-shadow:inset 0 1px rgba(255,255,255,.1),0 9px 25px rgba(0,0,0,.42);opacity:0;translate:0 7px;transition:opacity .25s,translate .25s}.work.is-active .apex-player,.screen:hover .apex-player,.video-playing .apex-player{opacity:1;translate:0 0}.video-toggle{width:34px;height:34px;border:1px solid rgba(223,193,255,.34);border-radius:50%;background:linear-gradient(145deg,#a64fff,#4e0da8);box-shadow:inset 0 1px rgba(255,255,255,.34),0 0 18px rgba(147,42,243,.28);cursor:pointer;display:grid;place-items:center}.video-toggle i{display:block;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid #fff;margin-left:2px}.video-playing .video-toggle i{width:8px;height:10px;border:0;border-left:3px solid #fff;border-right:3px solid #fff;margin:0}.video-time{font-size:8px;letter-spacing:.08em;color:#d9cedf;font-variant-numeric:tabular-nums;white-space:nowrap}.video-progress{appearance:none;width:100%;height:3px;border:0;border-radius:10px;outline:0;cursor:pointer;background:linear-gradient(90deg,#b869ff 0 var(--progress),rgba(255,255,255,.18) var(--progress) 100%);box-shadow:0 0 9px rgba(164,63,255,.28)}.video-progress::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border-radius:50%;background:#f5eaff;border:2px solid #a849f5;box-shadow:0 0 12px #a342f3}.video-progress::-moz-range-thumb{width:8px;height:8px;border-radius:50%;background:#f5eaff;border:2px solid #a849f5}.video-progress:focus-visible{box-shadow:0 0 0 3px rgba(182,105,255,.22)}
@media(max-width:650px){.form-row{grid-template-columns:1fr}.apex-player{left:12px;right:12px;bottom:12px;grid-template-columns:34px auto 1fr;gap:8px;padding:7px}.video-toggle{width:30px;height:30px}}

/* Scanner Criativo */
.scanner-zone{grid-template-columns:.72fr 1.28fr}.scanner-list{display:flex;gap:8px;margin-top:32px}.scanner-list span{width:39px;height:39px;border:1px solid rgba(194,136,255,.18);border-radius:50%;display:grid;place-items:center;color:#5f5666;font-size:8px;transition:.35s}.scanner-list span.found{color:#fff;border-color:#b45cff;background:radial-gradient(circle,#a844ff,#4a0b9d);box-shadow:0 0 25px rgba(159,53,255,.42)}.scanner-shell{position:relative;z-index:2;border:1px solid rgba(211,171,255,.3);border-radius:22px;padding:13px;background:linear-gradient(145deg,rgba(45,15,72,.62),rgba(4,1,8,.94));box-shadow:inset 0 1px rgba(255,255,255,.12),0 35px 90px #000,0 0 40px rgba(130,26,232,.14);transform:perspective(1200px) rotateY(-2deg)}.scanner-top,.scanner-bottom{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 7px;font-size:7px;letter-spacing:.18em;color:#8e8394}.scanner-top b{color:#d5a8ff;font-size:10px}.scanner-bottom i{width:70px;height:2px;background:linear-gradient(90deg,#6d18cf,#ce86ff);box-shadow:0 0 12px #9b36f5}.scanner-scene{height:480px;position:relative;overflow:hidden;border:1px solid rgba(222,192,255,.18);border-radius:13px;background-image:linear-gradient(90deg,rgba(5,1,9,.65),rgba(5,1,9,.18)),linear-gradient(0deg,rgba(5,1,9,.7),transparent 50%),url('/direcao-apex.jpg');background-size:cover;background-position:center 35%;cursor:crosshair;touch-action:none;outline:0}.scanner-scene:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent,rgba(2,0,5,.55) 72%),repeating-linear-gradient(0deg,transparent 0 4px,rgba(171,92,255,.025) 5px);z-index:4}.scan-grid{position:absolute;inset:0;z-index:3;pointer-events:none;background-image:linear-gradient(rgba(166,80,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(166,80,255,.06) 1px,transparent 1px);background-size:42px 42px}.scan-lens{position:absolute;z-index:8;left:-80px;top:-80px;width:160px;height:160px;border-radius:50%;border:1px solid rgba(223,190,255,.72);background:radial-gradient(circle,rgba(205,158,255,.08),rgba(136,39,233,.13) 52%,transparent 67%);box-shadow:inset 0 0 35px rgba(191,105,255,.14),0 0 25px rgba(153,49,246,.28);translate:-200px -200px;pointer-events:none;opacity:0;transition:opacity .2s}.scan-lens.active{opacity:1}.scan-lens:before,.scan-lens:after{content:"";position:absolute;background:rgba(225,198,255,.42)}.scan-lens:before{width:1px;height:190px;left:50%;top:-15px}.scan-lens:after{height:1px;width:190px;top:50%;left:-15px}.scan-lens i{position:absolute;inset:12px;border:1px dashed rgba(186,97,255,.5);border-radius:50%;animation:spin 7s linear infinite}.scan-target{position:absolute;z-index:6;width:54px;height:54px;border:1px solid rgba(209,172,255,.08);border-radius:50%;background:rgba(92,32,136,.08);color:rgba(231,215,244,.04);font-size:25px;pointer-events:none;opacity:.08;scale:.72;transition:.28s;filter:blur(5px)}.scan-target.near{opacity:.54;scale:.92;color:#d4b0f2;filter:blur(1.5px);box-shadow:0 0 28px rgba(173,77,255,.35)}.scan-target.discovered{opacity:1;scale:1.08;color:#fff;filter:none;border-color:#c67eff;background:radial-gradient(circle,#8e35d6,#26063f);box-shadow:0 0 9px #fff,0 0 35px #a33cff;animation:scanFound .55s var(--ease)}.target-camera{left:17%;top:23%}.target-mic{right:14%;top:34%}.target-lens{left:59%;bottom:14%}@keyframes scanFound{0%{scale:.5;opacity:0}60%{scale:1.35}100%{scale:1.08}}.scanner-lock{position:absolute;inset:0;z-index:20;display:grid;place-content:center;justify-items:center;text-align:center;background:rgba(4,1,7,.65);backdrop-filter:blur(7px)}.scanner-lock img{width:78px;filter:drop-shadow(0 0 18px #8f2be8)}.scanner-lock p{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:#b7aebd}.scanner-lock button{border:1px solid rgba(205,150,255,.4);border-radius:100px;background:linear-gradient(120deg,#7921d2,#b45fff);color:#fff;padding:11px 17px;font-size:8px;text-transform:uppercase;letter-spacing:.12em;cursor:pointer}.scanner-shell.unlocked .scanner-lock{display:none}.scanner-complete{position:absolute;inset:0;z-index:18;display:grid;place-content:center;justify-items:center;text-align:center;background:radial-gradient(circle,rgba(119,27,202,.5),rgba(3,1,6,.94) 64%);opacity:0;visibility:hidden;transition:.5s}.scanner-complete.show{opacity:1;visibility:visible}.scanner-complete img{width:115px;filter:drop-shadow(0 0 28px #9e39f2)}.scanner-complete b{font-size:17px;letter-spacing:.2em;margin-top:18px}.scanner-complete span{font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:#b78fd2;margin-top:8px}.scanner-shell.scan-finished .scan-lens{display:none}
@media(max-width:850px){.scanner-zone{grid-template-columns:1fr;min-height:auto}.scanner-shell{transform:none}.scanner-scene{height:420px}.scan-lens{width:130px;height:130px}.slice-copy{margin-bottom:15px}}@media(max-width:520px){.scanner-scene{height:360px}.scanner-top span{font-size:6px}.scan-target{width:46px;height:46px}.target-camera{left:12%}.target-mic{right:10%}}
@keyframes targetFlight{0%{translate:0 0;rotate:-18deg}48%{translate:var(--drift) -430px;rotate:12deg}100%{translate:var(--drift) 60px;rotate:38deg}}
.logo-core .logo-original{filter:drop-shadow(0 18px 16px rgba(0,0,0,.9)) drop-shadow(0 0 27px rgba(151,39,255,.62))}.logo-core.sliced .slice-left{animation:sliceLeft .78s var(--ease) forwards}.logo-core.sliced .slice-right{animation:sliceRight .78s var(--ease) forwards}@keyframes sliceLeft{0%,12%{opacity:1;transform:translate(0) rotate(0)}100%{opacity:0;transform:translate(-100px,70px) rotate(-18deg)}}@keyframes sliceRight{0%,12%{opacity:1;transform:translate(0) rotate(0)}100%{opacity:0;transform:translate(105px,-55px) rotate(15deg)}}

/* Navegação móvel, privacidade e refinamentos de produção */
.menu-toggle{display:none;width:42px;height:42px;border:1px solid rgba(210,171,255,.22);border-radius:50%;background:rgba(10,5,15,.7);padding:0;place-content:center;gap:5px;cursor:pointer}.menu-toggle i{display:block;width:16px;height:1px;background:#eee7f4;transition:.25s}.menu-toggle.open i:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle.open i:last-child{transform:translateY(-3px) rotate(-45deg)}
.footer-links{display:flex;align-items:center;gap:22px}.footer-links button{border:0;background:none;color:#8d8593;font:inherit;cursor:pointer}.footer-links button:hover{color:#c486ff}
.privacy-overlay{position:fixed;inset:0;z-index:89;background:rgba(2,0,5,.78);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:.35s}.privacy-overlay.open{opacity:1;visibility:visible}.privacy-modal{position:fixed;z-index:90;left:50%;top:50%;width:min(600px,calc(100% - 32px));max-height:88dvh;overflow:auto;padding:44px;transform:translate(-50%,-44%) scale(.94);opacity:0;visibility:hidden;border:1px solid rgba(215,173,255,.35);border-radius:24px;background:radial-gradient(circle at 80% 0,rgba(145,39,255,.24),transparent 35%),linear-gradient(145deg,#130720,#050207);box-shadow:0 35px 110px #000;transition:.42s var(--ease)}.privacy-modal.open{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.privacy-modal h2{font-size:34px;line-height:1.05;margin:16px 0}.privacy-modal h2 em{font-style:normal;color:#bd72ff}.privacy-modal p{color:#aaa1b0;line-height:1.7;font-size:13px}.privacy-modal .button{display:inline-flex;margin-top:12px}
.register-submit:disabled{opacity:.55;cursor:wait}.work.is-clone{pointer-events:auto}.work.is-clone footer{visibility:hidden}.work.is-clone .apex-player{display:none}
@media(max-width:650px){
  .header{padding-inline:20px}.header .brand span{display:none}.menu-toggle{display:grid;position:absolute;right:112px;z-index:31}.header nav{display:none;position:absolute;z-index:30;left:14px;right:14px;top:72px;padding:16px;border:1px solid rgba(207,166,255,.2);border-radius:18px;background:rgba(7,3,11,.96);backdrop-filter:blur(18px);box-shadow:0 24px 60px #000}.header nav.open{display:grid;gap:4px}.header nav a{padding:13px 12px;border-bottom:1px solid rgba(255,255,255,.06)}.header nav a:last-child{border-bottom:0}.header-actions .account-button{display:none}.mini-cta{padding-inline:15px}
  .gallery-wrap{margin-right:0}.gallery{padding-inline:5vw;gap:14px}.work.portrait{width:74vw}.work.landscape{width:90vw}.work{transform:scale(.9);filter:blur(1.6px);opacity:.48}.work.is-active{transform:scale(1);filter:none;opacity:1}.section-head{align-items:flex-end}.gallery-nav button{width:39px;height:39px}
  footer{align-items:flex-start}.footer-links{align-items:flex-end;flex-direction:column;gap:12px}.privacy-modal{padding:38px 23px}.privacy-modal h2{font-size:29px}
}