/* Identidade oficial · 02/11/2026. Marca original sem filtros ou deformação.
   Acabamento gamer limitado ao acesso, portal e cabeçalho do editor. */
.brand-logo{display:block;width:100%;height:auto;object-fit:contain}
.topbar{--panel:#10233e;--text:#edf4ff;--muted:#a5b9d2;--line:#29415f;--accent:#6bc7ff;--accent-soft:#16395b;background:#07172d;color:var(--text);border-bottom:1px solid #2b5078;box-shadow:0 2px 12px #07172d25}
.topbar .brand{width:176px;min-width:176px;flex:none;padding:5px 7px}
.topbar .brand-logo{width:162px;height:46px}
.topbar .tabs{background:transparent;border:0}
.topbar .tabs>button{color:#afc3dd;border-radius:5px 5px 0 0}
.topbar .tabs>button:hover{background:#132e50;color:#fff}
.topbar .tabs>button.active{color:#fff;background:#102c4d;border-bottom-color:#f78a2e}
.topbar .top-actions .primary{background:#f78a2e;color:#07172d;border-color:#f78a2e;box-shadow:none}
.topbar .top-actions .primary:hover{background:#ffab62;border-color:#ffab62}
.topbar .soft{background:#10233e;color:#d8e7fa}
.topbar button:focus-visible,.topbar a:focus-visible{outline-color:#f78a2e}
.account-portal,.account-dialog{--ap-ink:#edf4ff;--ap-muted:#a7bbd2;--ap-paper:#07172d;--ap-border:#29415e;--ap-accent:#0989f2;--brand-orange:#f78a2e;color-scheme:dark;color:var(--ap-ink);font-family:Montserrat,"Segoe UI",system-ui,sans-serif}
.account-portal{background:#07172d}
.account-portal h1,.account-portal h2,.account-portal h3{color:#edf4ff}
.account-portal button,.account-dialog button{border-radius:8px}
.account-portal button:focus-visible,.account-portal a:focus-visible,.account-portal input:focus-visible,.account-portal select:focus-visible,.account-dialog button:focus-visible,.account-dialog input:focus-visible,.account-dialog select:focus-visible{outline:2px solid #f78a2e;outline-offset:3px}
.account-portal .account-primary,.account-dialog .account-primary{background:#0989f2;color:#fff;border:1px solid #299ef9;box-shadow:0 4px 15px #0989f21c}
.account-portal .account-primary:hover,.account-dialog .account-primary:hover{background:#0862df;border-color:#62baff;box-shadow:0 5px 20px #0989f233}
.account-portal .account-secondary{background:#142943;color:#e5efff;border-color:#36516f!important}
.account-portal .account-secondary:hover{background:#1b3859;border-color:#63b9f4!important}
.account-portal .account-text{color:#81ceff}
.account-portal label,.account-dialog label{color:#cbd6e3}
.account-portal input,.account-portal select,.account-dialog input,.account-dialog select{background:#091b31;color:#edf4ff;border-color:#38516d}
.account-portal input::placeholder{color:#8da5c0}
.account-portal .account-eyebrow{color:#8acfff;letter-spacing:.16em;line-height:1.7}
.account-portal .account-tag,.account-portal .account-beta{color:#ffd0a5;background:#37291f;border:1px solid #795137;letter-spacing:.07em}
.account-login{background:radial-gradient(ellipse at 100% 0,#132d4e,transparent 55%),#07172d;grid-template-columns:1.05fr 1fr}
.account-login .account-intro{background:radial-gradient(ellipse at 0 100%,#0b4278 0,transparent 65%),#07172d;border-right:1px solid #244564;padding:140px 10% 100px;min-height:100dvh}
.account-intro::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#5bb8ff09 1px,transparent 1px),linear-gradient(90deg,#5bb8ff09 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(transparent,#000)}
.account-intro::after{width:300px;height:300px;right:-190px;bottom:60px;border-color:#079af244;box-shadow:0 0 0 40px #079af208,0 0 0 80px #079af206;transform:rotate(30deg)}
.account-intro .account-brand{top:32px;left:calc(10% - 10px);width:252px;padding:10px}
.account-intro .account-brand .brand-logo{width:232px;height:87px}
.account-login .account-eyebrow{color:#81ceff;font-size:10px}
.account-intro h1{font-size:clamp(36px,3.8vw,60px);font-weight:650;line-height:1.12;letter-spacing:-.045em;margin:18px 0 22px}
.account-login .account-intro p{color:#aec4df;font-size:15px;line-height:1.9;max-width:400px}
.account-intro-foot{bottom:35px;color:#a8bfdc;font-size:10px;letter-spacing:.08em}
.account-login-card{position:relative;background:linear-gradient(145deg,#142b48,#0e2039);border:1px solid #34506f;border-radius:18px;box-shadow:0 24px 65px #0004;padding:36px;width:min(440px,calc(100% - 64px));margin:40px auto}
.account-login-card::before{content:"";position:absolute;left:35px;right:35px;top:-1px;height:2px;background:linear-gradient(90deg,#0989f2 0 70%,#f78a2e 70%);border-radius:2px}
.account-login-card h2{font-size:28px;letter-spacing:-.035em}
.account-login-card>p,.account-login-card>small{color:#afc1d8}
.account-login-card>small{font-size:10px;line-height:1.8}
.account-login-card .account-tag{background:#213450;border-color:#426181;color:#c5d9ef;font-size:8px}
.account-login-card form .account-primary{background:#f78a2e;border-color:#f78a2e;color:#07172d;min-height:46px;font-weight:750;box-shadow:none}
.account-login-card form .account-primary:hover{background:#ffab62;border-color:#ffab62}
.account-password-toggle{color:#9bbbdc}
.account-password-toggle:hover{background:#1c395b;color:#fff}
.account-login-divider{color:#a9bdd4}
.account-login-divider::before,.account-login-divider::after{background:#314d6d}
.account-social-button{background:#0b1e36;color:#cbd6e3;border-color:#36516f}
.account-social-button:disabled{opacity:.65;cursor:not-allowed}
.account-social-access>p{color:#9fb4ce}
.account-portal [data-account-error],.account-dialog [data-form-error]{color:#ffb99f}
.account-notice{background:#39271f;color:#ffd0b3;border:1px solid #79513b}
.account-shell{background:#091b31}
.account-sidebar{background:linear-gradient(180deg,#07172d,#0b203b);border-right:1px solid #29415e;color:#edf4ff;scrollbar-color:#365c80 transparent}
.account-sidebar .account-brand-button{width:100%;padding:4px 4px 12px!important;min-height:80px!important}
.account-brand-button .brand-logo{width:100%;max-width:188px;height:auto}
.account-sidebar nav button,.account-management-link{color:#b5c8df}
.account-sidebar nav button:hover,.account-management-link:hover{background:#142f50;color:#fff}
.account-sidebar nav button.active{background:#12375c;color:#edf4ff;box-shadow:inset 3px 0 #f78a2e;border:1px solid #2a577e}
.account-sidebar .account-nav-caption{color:#8faac8}
.account-sidebar-foot,.account-sidebar-foot p,.account-identity small{color:#9bb3cf}
.account-sidebar .account-identity{color:#e5efff;border-top-color:#2b4565}
.account-sidebar-foot .account-text{color:#8acfff}
.account-avatar{background:#1b426b;color:#d6eaff;border:1px solid #3c648c}
.account-topline{background:#0d223b;color:#a7bbd2;border-bottom-color:#29415e}
.account-topline b{color:#d8e7fa}
.account-top-divider{color:#5e7e9f}
.account-hero{position:relative;background:radial-gradient(ellipse at 95% 0,#174776,transparent 60%),linear-gradient(120deg,#112d4c,#0d223b);border-color:#31577b;border-radius:14px;box-shadow:inset 3px 0 #0989f2}
.account-hero{isolation:isolate}
.brand-backdrop{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:hidden;color:#66bfff}
.brand-construction{opacity:.2}
.brand-network-lines{stroke:#64baff;stroke-width:.7;opacity:.2}
.brand-network-points{fill:#86d2ff;opacity:.55}
.brand-network-points circle:nth-child(4n){fill:#f78a2e}
.account-hero>.brand-backdrop{inset:0;width:100%;opacity:.9}
.account-hero h2{color:#f0f6ff}
.account-hero p,.account-hero-note{color:#b2c7df}
.account-hero-art>span{color:#afc6df}
.account-hero-art{border-radius:12px;background:linear-gradient(#82c7ff08 1px,transparent 1px),linear-gradient(90deg,#82c7ff08 1px,transparent 1px);background-size:24px 24px}
.account-hero-art .account-house-art{filter:none}
.account-stats article,.account-project,.account-client,.account-profile,.account-learning-card,.account-plan-card,.account-model-card{background:#10253f;border-color:#294765;box-shadow:none}
.account-stats article>span,.account-stats article>small{color:#a7bbd2}
.account-stats article>span .account-icon{color:#79c5ff}
.account-stats article{border-top:2px solid #275e90}
.account-stats article:first-child{border-top-color:#f78a2e}
.account-project:hover{border-color:#4587be;box-shadow:0 8px 24px #0003}
.account-project-cover{background:#193550}
.account-project-cover>div{background:#0b203bf0;color:#cbd6e3}
.account-project-cover small{color:#cbd6e3}
.account-project .account-tag{background:#173b5a;color:#9adaff;border-color:#315f80}
.account-project p,.account-project-body>small,.account-client p,.account-client small,.account-profile p,.account-learning-card p,.account-plan-card p,.account-plan-card li,.account-plan-price span,.account-plan-card>small,.account-model-card p{color:#acbfd6}
.account-progress>div,.account-progress small,.account-progress-empty{color:#a9bfd8}
.account-progress strong{color:#a1d8ff}
.account-progress progress,.account-progress progress::-webkit-progress-bar{background:#263e59}
.account-progress progress::-webkit-progress-value{background:#0989f2}
.account-progress progress::-moz-progress-bar{background:#0989f2}
.account-learning-banner,.account-callout{background:#112c47;border-color:#31516e;color:#b8cce2}
.account-learning-banner p,.account-callout h2{color:#bfd3eb}
.account-learning-icon{background:#1b4267;color:#82ceff}
.account-step-number{color:#f7b67e}
.account-model-card>div{background:#193550}
.account-main-footer{border-top-color:#29415e;color:#9cb3cf}
.account-empty{background:#0d223b;border-color:#476784;color:#b1c7de}
.account-empty h3{color:#e5efff}
.account-empty>span{color:#7dc8ff}
.account-portal table{background:#10253f}
.account-portal th{background:#17314e;color:#c1d4e9}
.account-portal td{color:#deebfa}
.account-portal td,.account-portal th{border-bottom-color:#294765}
.account-portal td small{color:#a7bbd2}
.account-table-wrap{border-color:#36516f}
.account-dialog{background:#10253f;border-color:#426282;color:#edf4ff;box-shadow:0 24px 65px #0005}
.account-dialog p{color:#b1c7de}
.account-dialog::backdrop{background:#020b1be0}
.account-dialog [data-form-error]:not(:empty){background:#39271f;color:#ffb99f}
@media(max-width:1200px){.topbar .brand{width:160px;min-width:160px;padding:5px 3px}.topbar .brand-logo{width:154px;height:44px}}
@media(max-width:980px){.topbar .brand{width:64px;min-width:64px;padding:9px 13px}.topbar .brand-logo{width:38px;height:38px}.account-login .account-intro{padding-left:9%;padding-right:9%}.account-intro .account-brand{left:calc(9% - 10px)}}
@media(max-width:760px){.topbar .brand{width:48px;min-width:48px;padding:4px 7px}.topbar .brand-logo{width:34px;height:34px}.topbar .project-heading{margin-left:50px;width:calc(100% - 50px)}}
@media(max-width:600px){.account-login .account-intro{min-height:0;padding:24px 28px 30px;border-right:0;border-bottom:1px solid #294765}.account-intro .account-brand{position:static;width:212px;padding:8px;margin:0 0 17px -8px}.account-intro .account-brand .brand-logo{width:196px;height:auto}.account-login .account-intro h1{font-size:32px;margin:12px 0 0}.account-login .account-eyebrow{font-size:8px}.account-brand-visual{display:none}.account-login-card{width:calc(100% - 32px);margin:24px auto;padding:28px}.account-sidebar .account-brand-button{width:180px;min-height:68px!important;padding:3px 3px 8px!important}.account-brand-button .brand-logo{width:174px}.account-sidebar-foot{top:37px}.account-stats article>small{color:#b5c8df}.account-beta{white-space:normal}}
@media(prefers-reduced-motion:reduce){.topbar *,.account-portal *,.account-dialog *{transition:none!important;animation:none!important}}

/* Maquete de apresentação: viewport próprio, modelo de exemplo, giro sempre centrado. */
.account-hero .studio-showcase{display:block;position:relative;margin:0;width:100%;height:330px;min-width:0;overflow:hidden;border:1px solid #345b7c;border-radius:12px;background:radial-gradient(ellipse at 48% 42%,#e8f4f587,#a2c6d040 68%,#709fb324)}
.studio-showcase canvas{display:block;width:100%;height:calc(100% - 82px);margin-top:40px;box-sizing:border-box;touch-action:none;cursor:grab;border-radius:11px 11px 0 0}
.studio-showcase canvas.is-orbiting{cursor:grabbing}
.studio-showcase canvas:focus-visible{outline:2px solid #f78a2e;outline-offset:-3px}
.studio-showcase figcaption{height:42px;padding:7px 6px;text-align:center;color:#c7e4ff;background:#102e4870;font-size:8px;font-weight:700;letter-spacing:.12em}
.studio-showcase figcaption span{display:block;margin-top:3px;color:#9cb6cf;font-size:8px;font-weight:400;letter-spacing:0}
@media(max-width:800px){.account-hero .studio-showcase{display:block;margin-top:24px;height:290px}}
@media(max-width:420px){.account-hero .studio-showcase{height:260px}}

.brand-neural-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
/* No telefone, a torre ocupa o fundo inteiro; o formulário conserva contraste. */
@media(max-width:600px){
 .account-login{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;min-height:100svh;padding:20px 0 32px;background:radial-gradient(ellipse at 50% 45%,#123b60,transparent 75%),#07172d;touch-action:pan-y pinch-zoom}
 .account-login .account-intro{position:static;isolation:auto;overflow:visible;background:none;border:0;padding:0 28px;min-height:0;text-align:center}
 .account-login .account-intro::before,.account-login .account-intro::after{display:none}
 .account-login .account-intro .account-brand{position:relative;top:auto;left:auto;width:212px;margin:0 auto 12px;padding:8px}
 .account-login .account-intro h1,.account-login .account-intro>p,.account-login .account-intro-foot{display:none}
 .account-login .account-intro>.brand-backdrop{inset:0;width:100%;height:100%}
 .account-login .account-login-card{width:calc(100% - 56px);max-width:390px;margin:22px auto 0;padding:22px 16px;background:linear-gradient(90deg,#07172d08,#07172db8 18%,#07172db8 82%,#07172d08);border:0;border-radius:0;box-shadow:none}
 .account-login-card::before{left:16px;right:16px}
 .account-login-card h2{font-size:25px;margin-top:16px}
 .account-login-card>p{margin-bottom:22px}
 .account-login-card input{font-size:16px}
 .account-login-card .account-social-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .account-login-card .account-social-button{font-size:10px;padding:8px 4px;min-height:44px;white-space:normal;gap:5px}
 .account-login-card>small{margin-top:16px}
}

.showcase-quality{position:absolute;right:9px;top:8px;display:flex;gap:4px;padding:3px;border:1px solid #b1d4e245;border-radius:20px;background:#143b5590;backdrop-filter:blur(6px)}
.showcase-quality button{display:flex;align-items:center;gap:4px;padding:3px 7px;border:1px solid transparent;border-radius:14px;background:transparent;color:#d6e9f3;font:600 9px Montserrat,Segoe UI,sans-serif;cursor:pointer}
.showcase-quality button[aria-pressed=true]{background:#e6f4fa;color:#173e57;border-color:#ffffff}
.showcase-quality button:focus-visible{outline:2px solid #f78a2e;outline-offset:2px}
.render-sphere{width:16px;height:16px;display:inline-block;border-radius:50%;box-shadow:1px 2px 3px #06172b60}
.sphere-low{background:conic-gradient(from 35deg,#759caf,#759caf 25%,#3b6078 25%,#3b6078 50%,#a4becc 50%,#a4becc 75%,#c4d7df 75%);clip-path:polygon(50% 0,85% 15%,100% 50%,85% 85%,50% 100%,15% 85%,0 50%,15% 15%)}
.sphere-medium{background:radial-gradient(circle at 32% 26%,#ddf1ff,#6cabc6 36%,#25495d 80%)}
.sphere-high{background:radial-gradient(ellipse at 33% 23%,#fff 0 7%,#c8ecf7 13%,#468cae 39%,#173c55 62%,#76b7c9 86%,#dfedf4);box-shadow:0 0 5px #80d2ed55,1px 2px 3px #06172b60}

.studio-showcase canvas.studio-showcase-render{position:absolute;inset:40px 0 auto;margin:0;pointer-events:none;z-index:1}
.showcase-quality,.studio-showcase figcaption{position:relative;z-index:2}
.showcase-quality{position:absolute}