*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100vh;color:#eef5ff;background:radial-gradient(circle at 65% 0,#17415b,#0a1423 60%);font:15px Inter,system-ui,sans-serif}.authHeader{padding:20px clamp(15px,4vw,60px);display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid #2b445a;font-weight:800}.authHeader a{color:#d9fff3;text-decoration:none}.authHeader span{font-size:12px;color:#9cb5d0}.authCard{width:min(460px,calc(100% - 28px));margin:65px auto 25px;background:#15283d;border:1px solid #3a5872;border-radius:15px;padding:clamp(22px,4vw,35px);box-shadow:0 25px 75px #0004}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:850;color:#6bdfbd}.authCard h1,.adminContent h1{font-size:clamp(26px,3vw,37px);letter-spacing:-.045em;margin:11px 0}.authCard h2{font-size:17px;margin:25px 0 5px}.authCard p,.adminContent>p,.adminCard p{line-height:1.6;color:#b1c6dd}.authCard form{display:grid;gap:9px}.authCard label,.userCard label{font-size:12px;font-weight:750;color:#c4d7ec;margin-top:9px}.authCard input,.userCard input{border:1px solid #57738f;border-radius:8px;background:#0e1e30;color:#fff;min-width:0;min-height:43px;padding:10px 12px;font-size:15px;width:100%}.authCard button,.userCard button{min-height:44px;border:0;border-radius:8px;background:#32b99b;color:#082520;font-weight:850;padding:10px 15px;cursor:pointer;margin-top:13px}.authCard button:hover,.userCard button:hover{background:#66e0c0}.authError{padding:12px 14px;background:#67303d;border:1px solid #ad5c72;border-radius:8px;margin:14px 0}.authNotice{padding:12px 14px;background:#184d40;border:1px solid #389e84;border-radius:8px;margin:14px 0}.backLink{display:block;text-align:center;color:#c1d7eb;margin-top:25px}.authCard a{color:#8fdef1}footer{text-align:center;color:#9db4ca;font-size:11px;padding:25px}.adminContent{max-width:1100px;margin:auto;padding:35px 20px 70px}.adminGrid{display:grid;grid-template-columns:minmax(275px,400px) minmax(0,1fr);gap:24px}.adminCard{width:100%;margin:0}.adminList h2{margin:5px 0 18px}.userCard{border:1px solid #3c5976;border-radius:11px;background:#15263c;padding:17px;margin-bottom:11px;display:flex;flex-wrap:wrap;align-items:center;gap:13px;justify-content:space-between}.userCard>div:first-child{display:grid;gap:5px}.userCard small{color:#a6bbd2}.accountStatus{font-size:11px;color:#9ce8ce}.userCard .secondaryButton{background:#30455f;color:#e2eeff;font-size:12px;min-height:36px;margin:0}.userCard details{width:100%}.userCard summary{cursor:pointer;padding:9px 0;color:#a4c6ed}.userCard details form{display:grid;gap:8px;padding-top:10px}@media(max-width:750px){.adminGrid{grid-template-columns:1fr}.authCard{margin-top:30px}}
/* Identidade OBS Overlay Studio · 2026-10 */

.authHeader .authBrand{display:inline-flex;align-items:center;gap:10px;color:#f0f6ff;min-width:0}
.authHeader .authBrand img{display:block;width:220px;height:auto;max-height:56px;object-fit:contain}
.authHeader .authBack img{width:43px;height:43px;flex:none}
.authHeader .authBack span{font-weight:750}
.authCard button,.userCard button{background:linear-gradient(115deg,#28c3ec,#327afb 63%,#824de2);color:#fff}
.authCard button:hover,.userCard button:hover{background:linear-gradient(115deg,#50d7f1,#558dfd 63%,#a66af2)}
.eyebrow{color:#61ccff}
.authHeader a:focus-visible{outline:2px solid #70d7ff;outline-offset:4px}
@media(max-width:560px){.authHeader .authBrand img{width:min(50vw,200px)}.authHeader .authBack img{width:38px;height:38px}}



.studioPlanSelect{border:1px solid #57738f;border-radius:8px;background:#0e1e30;color:#fff;min-width:0;min-height:43px;padding:10px 12px;font:inherit;width:100%}
.agreeTerms{display:flex!important;align-items:flex-start;gap:9px;line-height:1.45;margin-top:14px!important;font-weight:500!important}
.agreeTerms input{width:17px!important;min-height:17px!important;accent-color:#40a3fd;flex:none}
.billingCard form{margin-top:12px}
.billingCard .billingLink{display:block;padding:12px 15px;margin-top:12px;border:1px solid #4995cd;border-radius:8px;text-align:center;color:#b7e8ff;font-weight:750}
.billingCard .cancelSubscription{background:#572f46;color:#ffe2ee;border:1px solid #9e5b6b}
.billingCard .cancelSubscription:hover{background:#7b3a55}
 /* Marca vertical no login e na gestão de contas. */
.authBrandFooter{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;margin:16px auto;padding:24px 14px;color:#9db4ca;text-align:center}
.authBrandFooter a{display:inline-flex;align-items:center;justify-content:center;max-width:100%;border-radius:12px}
.authBrandFooter a:focus-visible{outline:2px solid #62c8ff;outline-offset:4px}
.authBrandFooter img{display:block;width:155px;height:auto;max-height:165px;object-fit:contain}