/* Visual Client atmosphere: a brighter, prismatic account space. */
:root{--bg:#12101e;--card:#211d30;--line:#d9caff24;--muted:#b4aec5;--purple:#d2b2ff;--cyan:#9de8e8}
body{background:#12101e;isolation:isolate}
body:before{content:'';position:fixed;inset:0;z-index:-2;background:linear-gradient(180deg,#15102760 0%,#151224ab 55%,#12101ef2 100%),url('/assets/hero.jpg') center top/cover no-repeat;pointer-events:none}
body:after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 0 30%,#a775ff26,transparent 45%),radial-gradient(ellipse at 100% 55%,#62cfe524,transparent 40%)}
.ambient{position:fixed;height:100vh;background:linear-gradient(125deg,transparent 19%,#d0b3ff09 19.1%,transparent 30%),linear-gradient(125deg,transparent 73%,#86f2e909 73.1%,transparent 86%);z-index:-1}
.topbar{background:linear-gradient(105deg,#2b2439ed,#181b2bec);border-color:#d7c6ff2d;box-shadow:0 10px 40px #05040c25,inset 0 1px #ffffff08;backdrop-filter:blur(24px)}
.brand small{color:#e2caff;background:#c79eff14;border-color:#d1b1ff35}
nav button.selected{background:linear-gradient(120deg,#bea1ff27,#89b9ff16);color:#f0e6ff;box-shadow:inset 0 0 0 1px #c6a7ff3a}
.hero{background:linear-gradient(100deg,#292035f2 0%,#272238e8 47%,#28234270 100%),url('/assets/hero.jpg') center 20%/cover;border-color:#d9bbff40;box-shadow:0 25px 80px #09061235,inset 0 1px #ffffff12;overflow:hidden;border-radius:24px 24px 58px 24px}
.hero:after{content:'';position:absolute;left:0;bottom:0;width:64%;height:2px;background:linear-gradient(90deg,#dfa4ff,#9bdde6,transparent);box-shadow:0 -3px 25px #c5a4ff44}
.hero-lines{background:linear-gradient(123deg,transparent 53%,#d6b4ff18 53.1%,#b795ec07 61%,transparent 61.1%),linear-gradient(123deg,transparent 68%,#a3e7f81b 68.1%,transparent 79%),radial-gradient(ellipse at 90% 0,#ac6eff3d,transparent 60%)}
.hero h1 em{background-image:linear-gradient(105deg,#f0cdff,#c7c0ff 55%,#9dece7)}
.hero p{color:#c4bcd4}.hero .eyebrow{color:#ddc7f4}.hero-corner,.hero-logo>span{display:none}
.hero-logo{right:38px;width:310px;mix-blend-mode:screen}
.hero-logo img{width:240px;animation:float 10s ease-in-out infinite}
.orbit{width:310px;height:250px;border-radius:38px;border:1px solid #e1c3ff30;transform:rotate(-18deg) skew(-12deg);background:linear-gradient(135deg,#d9aaff0b,transparent 55%,#a7edee0c);box-shadow:0 0 65px #d490ff10}
.orbit:after{inset:22px -28px;border-radius:28px;border:1px solid #a9e9fb22;transform:rotate(12deg)}
.card{background:linear-gradient(135deg,#272234f5,#1c1c2cf5);border-color:#e2ceff25;box-shadow:0 12px 40px #04040a20,inset 0 1px #ffffff07}
.metric{background:linear-gradient(120deg,#2c253ded,#202334ed);border-color:#d7c1f52c;overflow:hidden;box-shadow:0 8px 24px #0806131c;transition:transform .2s,border-color .2s}
.metric:before{content:'';position:absolute;left:0;top:0;width:3px;height:100%;background:linear-gradient(#c7a0ff,#c7a0ff00)}
.metric:nth-child(2):before{background:linear-gradient(#9fbfff,#9fbfff00)}.metric:nth-child(3):before{background:linear-gradient(#83dfd2,#83dfd200)}.metric:nth-child(4):before{background:linear-gradient(#f3b3de,#f3b3de00)}
.metric:hover{transform:translateY(-3px);border-color:#dbc0ff55}.metric label{color:#c5b8db}.metric small{color:#aea8c0}.metric .glyph{color:#d1b8f5;background:#c7acff0c;width:28px;height:28px;text-align:center;border-radius:7px;top:14px;right:14px}
.license-card{border-left:2px solid #c99ef47a;background:radial-gradient(ellipse at 0 0,#7d4daa1c,transparent 60%),linear-gradient(135deg,#292237f5,#1c2130f5);border-radius:18px 18px 18px 5px}
.license-id{background:#17132280;border-color:#d1b8ed24}.license-id code{color:#eae1f7}.license-id label{color:#b6a8c9}
.reset-row{border-color:#c9a5f53b;background:linear-gradient(105deg,#b37de517,#83ccdf08)}
.mini-icon{color:#dfc5ff;background:linear-gradient(135deg,#b87ff52e,#88bee718);border-color:#d8afff2d}
.badge{background:#86e1b916;color:#b6f1d5;border-color:#a1f5cc35}.badge.bad{background:#e8799814;color:#ffc0ce;border-color:#e8799835}
.secondary{background:#ddd0ff08;border-color:#d8c6f237}.primary{background:linear-gradient(110deg,#edceff,#c7c3ff 70%,#b3deef);box-shadow:0 5px 22px #b08ce62b;border-color:#efd9ff80}
button:disabled{opacity:.6}.text-button{color:#d7bafa}.button:not(:disabled):hover{box-shadow:0 4px 25px #b489ef20}
.update-card{background:linear-gradient(140deg,#35283dea,#222237f5);border-color:#e9bfef2b;position:relative;overflow:hidden}
.update-card:before{content:'';position:absolute;right:-30px;top:-70px;width:180px;height:180px;border-radius:50%;border:1px solid #f0c2e91b;box-shadow:0 0 0 25px #f0c2e904,0 0 0 50px #f0c2e903;pointer-events:none}
.release-foot{color:#cdbed7}.support-card{background:radial-gradient(ellipse at 100% 0,#5e96be27,transparent 70%),linear-gradient(135deg,#252638f7,#1b2333f7);border-color:#a0d9f02c;border-radius:18px 5px 18px 18px}
.bottom-strip{color:#b0a6c1}.bottom-strip b{color:#e0cdef}.bottom-strip a{color:#cbb7e4}footer{color:#a99eb8;border-top-color:#d5b8f522}.legal-disclaimer{color:#a99eb8}
input,select{background:#151321aa;border-color:#dbbaff2c}input::placeholder{color:#91859f}.table-card{background:linear-gradient(135deg,#272234f7,#1b202df7)}th{color:#b2a0c9;background:#16132355}td{border-color:#dfc4ff14}td button[data-manage]{background:#c5a1f50a;border-color:#c5a1f52b;color:#e0c7ff}tbody tr:hover{background:#c2afff06}
.redeem-art{background:radial-gradient(ellipse at 50% 0,#a567d849,transparent 75%),#242033}.login{background:radial-gradient(ellipse at 0 0,#a47ad53d,transparent 75%),#211d30}.steps article,details{background:#15152355;border-color:#dac4ff23}
@media(max-width:1050px){.hero-logo{right:0;width:260px}.hero-logo img{width:220px}.orbit{width:250px;height:230px}}
@media(max-width:700px){.hero{border-radius:20px 20px 38px 20px;background:linear-gradient(100deg,#30223df5,#28223cc9),url('/assets/hero.jpg') center/cover}.hero-logo{right:-65px;opacity:.2}.metric:hover{transform:none}.hero-copy{max-width:100%}}
@media(prefers-reduced-motion:reduce){.metric{transition:none}.metric:hover{transform:none}}
body:before{filter:blur(2px);transform:scale(1.015)}
/* Final layout: restrained atmosphere, clear hierarchy, no decorative logo panel. */
body:before{background:radial-gradient(ellipse at 10% 5%,#69479232,transparent 50%),radial-gradient(ellipse at 95% 35%,#385a7d29,transparent 50%),linear-gradient(#151320,#10131d);filter:none;transform:none}
body:after{background:linear-gradient(120deg,transparent 0%,#9e8cca04 42%,transparent 42.1%);opacity:.7}
.ambient{display:none}.topbar{max-width:1160px;margin:24px auto;width:calc(100% - 48px);min-height:66px;padding:12px 20px;border-radius:13px;background:#22202fe8}
main{max-width:1208px;padding:0 24px}.hero{min-height:0;height:auto;min-height:236px;padding:32px 36px;border-radius:18px;background:linear-gradient(90deg,#2a2239 0%,#262435ee 43%,#242335b0 72%,#25233299 100%),url('/assets/hero.jpg') right 15%/cover;border-color:#d0b9f52d;box-shadow:0 16px 50px #06050d24}
.hero-copy{max-width:100%;width:100%}.hero h1{font-size:36px;line-height:1.18;letter-spacing:-1.3px;margin:13px 0 12px;max-width:850px}.hero .eyebrow{font-size:9px;letter-spacing:1.6px;color:#cab9e0}.hero p{font-size:13px;max-width:560px;color:#bdb6cd}.hero .actions{margin-top:24px}.hero .button{font-size:12px;padding:10px 16px}.hero-lines{background:radial-gradient(ellipse at 95% 0,#be80ff19,transparent 60%)}.hero:after{width:40%;height:1px;opacity:.7}
.metrics{gap:14px;margin:18px 0 28px}.metric{padding:18px 20px;min-height:108px;border-radius:12px;background:linear-gradient(130deg,#282333,#202532)}.metric strong{font-size:22px;line-height:1.3;margin:0 0 5px}.metric label{font-size:9px;margin-bottom:7px}.metric small{font-size:11px}.metric:before{width:2px;opacity:.65}.metric .glyph{background:transparent;right:13px;top:12px;font-size:15px;color:#aa9cbe}.metric:hover{transform:none}
.overview-grid{grid-template-columns:minmax(0,1.9fr) minmax(280px,1fr);gap:20px}.section-title{margin-bottom:18px}.section-title h2{font-size:18px}.card{padding:24px;border-radius:14px;box-shadow:0 8px 30px #09071318;background:linear-gradient(130deg,#272332f7,#202431f7)}.license-card{border-left:1px solid #d9c4ff25;border-radius:14px}.license-id{padding:14px 16px;margin:20px 0;background:#14131d66}.device-row{padding:4px 0 20px}.reset-row{padding:17px;border-radius:10px}.reset-row p{font-size:12px;max-width:365px}.reset-row strong{font-size:13px}.license-footer{font-size:11px;line-height:1.6;gap:15px}.side-stack{padding-top:47px;gap:16px}.side-stack .card{padding:23px}.support-card{border-radius:14px;background:linear-gradient(135deg,#252738,#202834)}.support-card h3{font-size:22px;line-height:1.3}.support-card h3 br{display:none}.support-card .mini-icon{display:none}.support-card p{margin-top:12px;font-size:12px}.support-card .button{margin-top:22px}.update-card{background:linear-gradient(140deg,#30283a,#252736)}.update-card:before{display:none}.update-card h3{font-size:20px}.update-card .mini-icon{width:29px;height:29px;font-size:18px}.release-foot{padding-top:13px;margin-top:17px}.bottom-strip{padding:22px 0;font-size:11px}.bottom-strip>span{max-width:65%}footer{max-width:1160px;margin:14px auto 0;padding:22px 0 26px;font-size:11px}.legal-disclaimer{font-size:10px;max-width:850px;color:#958da5}.owner-heading h1{font-size:34px}.page-heading{padding-top:16px}.admin-grid .card{padding:24px}
@media(min-width:1500px){main{padding-top:0}.hero{height:auto;min-height:236px}.topbar{margin-top:28px}}
@media(max-width:1050px){.topbar{margin:18px auto 22px;gap:12px}.topbar nav{order:initial;width:auto;border:0;padding:0}.topbar nav button{padding:8px 10px;font-size:11px}.identity{max-width:130px}.brand small{display:none}.hero h1{font-size:32px}.hero{padding:28px}.overview-grid{grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr)}footer{margin-inline:24px}}
@media(max-width:760px){.topbar{width:calc(100% - 32px);flex-wrap:wrap;margin:16px auto 20px;padding:12px 14px}.topbar nav{order:3;width:100%;border-top:1px solid #ffffff12;padding-top:10px}.identity{max-width:140px}main{padding:0 16px}.hero{padding:25px 22px;min-height:0;border-radius:15px}.hero h1{font-size:29px;line-height:1.2;margin-top:13px}.hero p{font-size:12px;max-width:100%}.hero .button{padding:10px 12px;font-size:11px}.hero .actions{gap:8px}.metrics{grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 25px}.metric{min-height:102px;padding:16px}.metric strong{font-size:20px}.metric small{font-size:10px}.overview-grid{grid-template-columns:1fr;gap:0}.side-stack{padding-top:0}.card{padding:21px}.reset-row{flex-direction:column;align-items:stretch}.reset-row p{max-width:none}.license-footer{flex-wrap:wrap}.bottom-strip{gap:10px;flex-direction:column}.bottom-strip>span{max-width:100%}footer{margin-inline:16px}.owner-heading h1{font-size:29px}}

.support-card h3 br{display:block}footer{width:calc(100% - 48px)}@media(max-width:760px){footer{width:calc(100% - 32px)}}

/* Compact account sign-in. */
#signin.login{display:flex;flex-direction:column;align-items:center;gap:0;width:100%;max-width:420px;min-height:0;margin:64px auto 54px;padding:32px;text-align:center;border-radius:18px;background:radial-gradient(ellipse at 50% 0,#ad7aff12,transparent 70%),#201e2b;box-shadow:0 20px 70px #05040b30}
#signin .login-logo{width:58px;height:58px;object-fit:contain;mix-blend-mode:screen;margin-bottom:20px}
#signin h1{font-size:27px;line-height:1.2;letter-spacing:-.8px;margin:0 0 10px}
#signin p{font-size:13px;line-height:1.6;margin:0;color:#b7b0c5}
#signin .button{width:100%;justify-content:center;gap:16px;margin:26px 0 18px;padding:12px 18px;font-size:13px;border-radius:10px}
#signin .small{max-width:280px;font-size:11px;line-height:1.6;color:#9890a9}
body:has(#signin:not([hidden])) .topbar nav,body:has(#signin:not([hidden])) .identity,body:has(#signin:not([hidden])) .brand small{display:none}
body:has(#signin:not([hidden])) .topbar{max-width:920px;min-height:60px;background:transparent;border-color:transparent;padding-inline:0;margin-bottom:0}
body:has(#signin:not([hidden])) footer{max-width:920px;font-size:10px}
body:has(#signin:not([hidden])) footer>span:nth-child(2){display:none}
@media(max-width:600px){#signin.login{margin:36px auto;padding:28px 24px}#signin h1{font-size:25px}body:has(#signin:not([hidden])) footer{gap:14px}}