:root{color-scheme:dark;--bg:#090b10;--panel:#10131b;--text:#f1f2f5;--muted:#878c9a;--lime:#c7f36b;--line:rgba(255,255,255,.11);font-family:"DM Sans",sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);overflow-x:hidden}body:before{position:fixed;inset:0;z-index:-1;content:"";pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,black,transparent 88%)}.ambient{position:fixed;z-index:-1;width:380px;height:380px;border-radius:50%;filter:blur(120px);opacity:.11;pointer-events:none}.ambient-one{background:#a4e548;top:20%;left:7%}.ambient-two{background:#5963ae;right:4%;bottom:5%;opacity:.09}.topbar{height:82px;padding:0 7.2%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06)}.wordmark{font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:25px;letter-spacing:-2px;color:var(--text);text-decoration:none}.wordmark span:first-child,.wordmark-dot{color:var(--lime)}.wordmark-dot{letter-spacing:0}.topbar-note,.eyebrow,.hero-footnote,.fine-print,.site-footer,.back-button,.hero-index{font-size:10px;letter-spacing:1.7px;font-weight:600}.topbar-note{color:#727786}.screen{min-height:calc(100vh - 130px)}.hero{max-width:1180px;margin:0 auto;padding:64px 7.2% 76px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;position:relative}.hero-content{position:relative;z-index:1}.eyebrow{color:#b2b6c1;display:flex;align-items:center;gap:10px}.status-dot{width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 12px rgba(199,243,107,.6)}h1,h2{font-family:"Space Grotesk",sans-serif;letter-spacing:-3.8px;font-weight:600}h1{font-size:clamp(54px,7.1vw,86px);line-height:.99;margin:28px 0 22px}h1 span,h2 span{color:var(--lime)}.hero-copy,.section-copy{font-size:15px;line-height:1.75;color:#989daa;max-width:400px;margin:0}.button{border:0;cursor:pointer;font-family:"Space Grotesk",sans-serif;font-weight:700;letter-spacing:1.2px;transition:transform .2s,background .2s,border-color .2s}.button:hover:not(:disabled){transform:translateY(-2px)}.button-primary{background:var(--lime);color:#10130a}.button-primary:hover:not(:disabled){background:#d6ff82}.start-button{height:58px;min-width:205px;padding:0 22px;margin-top:35px;display:flex;align-items:center;justify-content:space-between;font-size:13px}.start-button span,.form-submit span{font-size:18px}.hero-footnote{color:#686d79;margin-top:25px;font-size:9px}.hero-art{height:420px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(199,243,107,.14);border-radius:50%;transform:rotate(-27deg)}.orbit-outer{width:360px;height:270px}.orbit-inner{width:270px;height:200px;transform:rotate(34deg);border-color:rgba(255,255,255,.1)}.crow-mark{font-family:"Space Grotesk",sans-serif;font-size:83px;letter-spacing:-10px;font-weight:700;text-shadow:0 0 55px rgba(199,243,107,.15)}.crow-mark span{color:var(--lime)}.art-caption{position:absolute;right:1%;bottom:55px;font:600 10px/1.5 "Space Grotesk",sans-serif;letter-spacing:2px;color:#777d8b}.art-caption span{color:var(--lime)}.art-cross{position:absolute;color:var(--lime);font-size:20px;font-weight:300}.cross-one{left:16%;top:21%}.cross-two{right:14%;top:24%;color:#7e8492}.art-line{position:absolute;width:1px;height:55px;background:linear-gradient(transparent,var(--lime),transparent);top:12%;right:32%;transform:rotate(28deg)}.hero-index{position:absolute;bottom:28px;left:7.2%;color:#5f6470;font-size:9px}.site-footer{height:48px;padding:0 7.2%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.06);color:#686d79;font-size:9px}.footer-zero{color:var(--lime)}[hidden]{display:none!important}.auth-screen,.form-screen{position:relative;display:flex;align-items:center;justify-content:center;padding:72px 22px 80px}.back-button{position:absolute;left:max(7.2%,calc((100vw - 1000px)/2));top:35px;background:none;border:0;color:#969ba8;cursor:pointer;padding:8px 0}.back-button span{font-size:16px;margin-right:8px}.auth-card,.form-card{width:min(100%,460px);padding:42px;background:rgba(16,19,27,.8);border:1px solid var(--line);box-shadow:0 24px 90px rgba(0,0,0,.25)}h2{font-size:47px;line-height:1.05;margin:23px 0 14px;letter-spacing:-2.4px}.section-copy{font-size:13px;margin-bottom:27px}.action-stack{display:grid;gap:11px}.action-stack .button{height:54px;padding:0 17px;display:flex;justify-content:space-between;align-items:center;font-size:11px}.button-secondary{background:transparent;border:1px solid var(--line);color:var(--text)}.button-secondary:hover{border-color:rgba(199,243,107,.5)}.fine-print{color:#696e7a;font-size:8px;line-height:1.7;letter-spacing:1px;margin:21px 0 0}.form-card{width:min(100%,480px)}form{display:grid;gap:9px}form label{font-size:11px;color:#c8cad1;margin-top:8px}input{width:100%;height:48px;background:#090b10;border:1px solid rgba(255,255,255,.13);color:var(--text);padding:0 13px;font:13px "DM Sans",sans-serif;outline:none;border-radius:0}input:focus{border-color:var(--lime)}input::placeholder{color:#656a77}.input-prefix{display:flex;height:48px;background:#090b10;border:1px solid rgba(255,255,255,.13);align-items:center;padding-left:12px}.input-prefix:focus-within{border-color:var(--lime)}.input-prefix span{white-space:nowrap;color:#737987;font-size:12px}.input-prefix input{border:0;height:44px;padding-left:3px}.form-submit{height:52px;width:100%;margin-top:14px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;font-size:10px}.form-submit:disabled{opacity:.45;cursor:not-allowed}.plans-card{width:min(100%,510px)}.plan-option{width:100%;display:flex;align-items:center;text-align:left;gap:13px;padding:16px 13px;margin:0 0 10px;background:#0b0e14;border:1px solid var(--line);color:var(--text);cursor:pointer}.plan-option.selected{border-color:var(--lime)}.plan-radio{width:15px;height:15px;border:1px solid #777d89;border-radius:50%;flex:none}.selected .plan-radio{border:5px solid var(--lime)}.plan-info{display:grid;gap:5px;flex:1}.plan-info strong{font:700 12px "Space Grotesk",sans-serif;letter-spacing:1px}.plan-info small{font-size:10px;color:#8d92a0}.plan-info i{font:600 8px "DM Sans",sans-serif;color:#111;background:var(--lime);padding:3px 5px;margin-left:5px;font-style:normal}.plan-price{font:600 8px "Space Grotesk",sans-serif;color:var(--lime);letter-spacing:.7px}.toast{position:fixed;bottom:68px;left:50%;transform:translate(-50%,15px);padding:12px 18px;background:#1a202a;border:1px solid var(--line);color:var(--text);font-size:12px;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:720px){.topbar{height:68px;padding:0 22px}.topbar-note{font-size:8px;letter-spacing:1px}.hero{min-height:calc(100vh - 116px);padding:56px 25px 75px;grid-template-columns:1fr}.hero-content{padding-top:25px}h1{font-size:clamp(54px,14vw,77px);letter-spacing:-3px}.hero-copy{font-size:14px;max-width:340px}.hero-art{height:230px;grid-row:1;opacity:.9}.orbit-outer{width:260px;height:190px}.orbit-inner{width:205px;height:145px}.crow-mark{font-size:62px}.art-caption{right:4%;bottom:10px}.art-line{top:4%}.hero-index{left:25px;bottom:25px}.site-footer{padding:0 22px}.auth-screen,.form-screen{min-height:calc(100vh - 116px);padding:84px 18px 55px}.back-button{left:22px;top:25px}.auth-card,.form-card{padding:30px 23px}h2{font-size:41px}.fine-print{font-size:7px}}@media(max-width:370px){.hero-art{height:190px}.hero{padding-left:20px;padding-right:20px}.auth-card,.form-card{padding:26px 18px}}
/* Landing page: artwork, centered logo, and subdued START button. */
body:has(.hero.active){background:#030303 url("assets/fundo-cr0w.png") center center / cover fixed no-repeat}
body:has(.hero.active):before,body:has(.hero.active)>.ambient{display:none}
body:has(.hero.active) .topbar,body:has(.hero.active) .site-footer{display:none}
body:has(.hero.active) .hero{min-height:100vh;max-width:none;padding:32px 20px;display:flex;align-items:center;justify-content:center}
body:has(.hero.active) .hero-content{display:flex;flex-direction:column;align-items:center;gap:30px}
.hero-logo{display:block;width:min(78vw,760px);height:auto;object-fit:contain}
body:has(.hero.active) .start-button{margin:0;padding:0;min-width:0;height:auto;display:block;background:transparent;border:0;box-shadow:none;line-height:0}
body:has(.hero.active) .start-button img{display:block;width:min(34vw,320px);height:auto}
body:has(.hero.active) .start-button:hover{transform:scale(1.04)}
@media(max-width:720px){body:has(.hero.active) .hero{min-height:100svh;padding:24px 18px}body:has(.hero.active) .hero-content{gap:24px}.hero-logo{width:min(88vw,620px)}body:has(.hero.active) .start-button img{width:min(58vw,280px)}}

/* CR0W access transformation: keep the existing background artwork in place. */
:root{--lime:#cf2735;--line:rgba(220,225,232,.14)}
.status-dot,.footer-zero,.wordmark span:first-child,.wordmark-dot{color:#df2635;background:#df2635;box-shadow:0 0 12px #df263566}
body:has(.auth-screen.active),body.auth-open{background:#030303 url("assets/fundo-cr0w.png") center center / cover fixed no-repeat}
body:has(.auth-screen.active):before,body:has(.auth-screen.active)>.ambient{display:none}
body:has(.auth-screen.active) .topbar,body:has(.auth-screen.active) .site-footer{display:none}
body:has(.auth-screen.active) .auth-screen{min-height:100svh}
.auth-screen{isolation:isolate}
.auth-screen:before{position:fixed;inset:0;z-index:-1;content:"";background:rgba(0,0,0,.48)}
.auth-shell{width:min(100%,500px);margin:auto;display:flex;flex-direction:column;align-items:center;gap:8px}
.auth-logo{width:min(50vw,350px);height:auto;object-fit:contain}
.auth-tagline{margin:0 0 14px;font-size:10px;letter-spacing:3px;color:#c7c8cb}
.auth-card{position:relative;width:100%;padding:34px clamp(22px,6vw,48px);background:rgba(4,5,7,.94);border:1px solid rgba(190,198,207,.35);box-shadow:0 18px 70px #000b,0 0 30px #a7192012;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}
.card-corner{position:absolute;width:30px;height:2px;background:#d52a36}.corner-top{top:-1px;left:13px}.corner-bottom{right:13px;bottom:-1px}
.auth-card h2{margin:0;color:#f1f1f2;font-size:clamp(24px,5vw,32px);letter-spacing:1px;text-align:center}
.auth-card .section-copy{max-width:none;margin:8px 0 24px;color:#919398;font-size:10px;letter-spacing:1.3px;text-align:center}
.auth-card form{display:flex;flex-direction:column;gap:9px}
.auth-card label{margin-top:5px;font-size:9px;letter-spacing:1.6px;color:#c3c4c8}
.auth-card input{height:46px;background:#090a0c;border-color:#36383d;border-radius:2px}
.auth-card input:focus{border-color:#bf2935;box-shadow:0 0 0 2px #bf29351c}
.password-wrap{position:relative}.password-wrap input{padding-right:48px}.password-toggle{position:absolute;right:2px;top:2px;width:42px;height:42px;background:transparent;border:0;color:#92949a;cursor:pointer}
.auth-card .form-submit{margin-top:13px;background:linear-gradient(100deg,#27090d,#60121a,#28090d);border:1px solid #b62a36;color:#fff;box-shadow:inset 0 0 16px #ab20252b,0 0 14px #a21e2422}
.auth-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:#8e9095;font-size:9px;letter-spacing:2px}.auth-divider span{height:1px;flex:1;background:#37383b}
.create-account{width:100%;height:46px;background:transparent;border:1px solid #55575c;color:#ececef;font-size:10px}.create-account:hover{border-color:#b62a36}
.forgot-link{display:block;margin:16px auto 0;background:transparent;border:0;color:#a8a9ad;font:600 9px "DM Sans",sans-serif;letter-spacing:1px;cursor:pointer}.forgot-link:hover{color:#ef626c}
.back-button{z-index:5;color:#ddd;border-color:#444}
.is-entering .hero-logo{animation:logo-rise 1.32s cubic-bezier(.2,.75,.25,1) both}
.is-entering .start-button{animation:start-expand 1.32s cubic-bezier(.2,.75,.25,1) both;z-index:4}
.is-entering .start-button img{animation:start-fade .45s ease forwards}
.is-entering .hero-content{gap:18px}
.is-entering .auth-shell{animation:auth-reveal .65s .72s both}
.is-entering .auth-card>*{animation:content-reveal .45s .82s both}
.is-entering .auth-card .card-corner{animation:none}
.is-entering .auth-card>*:nth-child(2){animation-delay:.87s}.is-entering .auth-card>*:nth-child(3){animation-delay:.92s}.is-entering .auth-card>*:nth-child(4){animation-delay:.98s}.is-entering .auth-card>*:nth-child(n+5){animation-delay:1.04s}
.is-returning .auth-shell{animation:auth-hide .62s both}
.is-returning .hero-logo{animation:logo-return 1.32s cubic-bezier(.2,.75,.25,1) both}
.is-returning .start-button{animation:start-return 1.32s cubic-bezier(.2,.75,.25,1) both;z-index:4}
.is-returning .start-button img{animation:start-show .55s .65s both}
.screen.transitioning-out{position:absolute;inset:0;width:100%;z-index:3}
@keyframes logo-rise{to{transform:translateY(-20vh) scale(.58);transform-origin:center}}
@keyframes logo-return{from{transform:translateY(-20vh) scale(.58)}to{transform:none}}
@keyframes start-fade{to{opacity:0}}
@keyframes start-show{from{opacity:0}to{opacity:1}}
@keyframes start-expand{0%{transform:scale(1);filter:drop-shadow(0 0 0 #e12a3b)}35%{filter:drop-shadow(0 0 18px #e12a3b)}100%{transform:translateY(110px) scale(1.5);opacity:0}}
@keyframes start-return{0%{transform:translateY(110px) scale(1.5);opacity:0}100%{transform:none;opacity:1}}
@keyframes auth-reveal{from{opacity:0;transform:translateY(26px) scale(.97)}to{opacity:1;transform:none}}
@keyframes auth-hide{to{opacity:0;transform:translateY(20px) scale(.96)}}
@keyframes content-reveal{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@media(max-width:720px){body:has(.auth-screen.active) .auth-screen{min-height:100svh;padding:64px 16px 30px}.auth-shell{width:min(100%,440px)}.auth-logo{width:min(48vw,250px)}.auth-tagline{font-size:9px;letter-spacing:2px;margin-bottom:8px}.auth-card{padding:26px 22px}.is-entering .hero-logo{animation-name:logo-rise-mobile}.is-returning .hero-logo{animation-name:logo-return-mobile}}
@keyframes logo-rise-mobile{to{transform:translateY(-15vh) scale(.56);transform-origin:center}}
@keyframes logo-return-mobile{from{transform:translateY(-15vh) scale(.56)}to{transform:none}}
@media(max-height:700px){body:has(.auth-screen.active) .auth-screen{align-items:flex-start;padding-top:28px}.auth-logo{width:min(38vw,210px)}.auth-card{padding-top:22px;padding-bottom:22px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
