/* Dashboard and motion layer. */
.purple-art{mask-image:linear-gradient(transparent 0 55px,#000 110px)}.silver-art{mask-image:linear-gradient(90deg,transparent 0 40px,#000 75px)}
#account{position:relative;isolation:isolate;overflow:hidden;min-height:80svh;background:radial-gradient(ellipse at 80% 16%,#11243d30,transparent 45%)}
#account:before{content:'';position:absolute;inset:0;z-index:-2;background-image:linear-gradient(#4e688b0b 1px,transparent 1px),linear-gradient(90deg,#4e688b0b 1px,transparent 1px);background-size:45px 45px;mask-image:linear-gradient(#0007,transparent 80%);pointer-events:none}
.account-glow{top:-260px;left:15%;width:80%;height:750px;right:auto;background:radial-gradient(ellipse,#3471c42b,transparent 65%);filter:blur(35px);animation:ambient-drift 14s ease-in-out infinite alternate;z-index:-1}
.account-wrap{max-width:1100px;padding-top:135px;padding-bottom:70px}
.account-title{margin-bottom:32px;animation:dashboard-enter .8s var(--ease) both}
.account-title>div{min-width:0}.account-title h1{font-size:34px;letter-spacing:-1.25px;line-height:1.2;overflow-wrap:anywhere}
.account-title h1>#welcome-name{color:#b5d0f4;display:inline;background:linear-gradient(100deg,#e4efff,#8fb9f2 45%,#e4efff 80%);background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;animation:text-shimmer 9s ease-in-out infinite}
.account-title h1>span:last-child{color:#6193d7}.account-title p{color:#5e6b7d;margin-top:11px;font-size:12px}
.account-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #92b2dd14;margin-bottom:25px;padding:0 3px 15px;animation:dashboard-enter .8s .06s var(--ease) both}
.dashboard-tab{font-size:11px;display:flex;align-items:center;gap:8px;color:#b9cde9;position:relative}.dashboard-tab:after{content:'';position:absolute;left:0;right:0;bottom:-16px;height:2px;background:linear-gradient(90deg,#80b4fa,#80b4fa10);border-radius:2px}.dashboard-tab svg{height:14px;width:14px}.dashboard-status{display:flex;align-items:center;gap:7px;font-size:9px;color:#5f6c7d}.dashboard-status>i{width:4px;height:4px;background:#90aacd;border-radius:50%;box-shadow:0 0 10px #8caedd;animation:status-pulse 3s ease-in-out infinite}.dashboard-status svg{width:12px;height:12px;color:#707f93}.toolbar-divider{width:1px;height:10px;background:#7892b62b;margin:0 8px}
.account-grid{grid-template-columns:280px 1fr;gap:20px;align-items:start}.account-details{gap:18px;grid-template-columns:1fr 1fr}
.panel{position:relative;border-color:#8baddb14;border-radius:22px;background:linear-gradient(130deg,#101318,#080b0e 85%);transition:border-color .45s,box-shadow .45s,transform .5s var(--ease);isolation:isolate}
.panel:after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(320px circle at var(--mouse-x,70%) var(--mouse-y,30%),#8abcff0e,transparent);opacity:0;transition:opacity .5s;pointer-events:none}
.panel:hover{border-color:#8abcff38;box-shadow:0 12px 50px #040c182b;transform:translateY(-3px)}.panel:hover:after{opacity:1}
.profile-panel{animation:dashboard-enter .9s .12s var(--ease) both}.subscription-panel{animation:dashboard-enter .9s .2s var(--ease) both}.hardware-panel{animation:dashboard-enter .9s .3s var(--ease) both}.launcher-panel{animation:dashboard-enter .9s .4s var(--ease) both}
.profile-cover{height:140px;background:linear-gradient(0deg,#0e1217 0%,#0e121700 55%),url('/assets/hero.png') 50% 54%/440px auto;position:relative;overflow:hidden}
.profile-cover:after{content:'';position:absolute;top:0;bottom:0;width:100%;background:linear-gradient(100deg,transparent,#9ac5ff13,transparent);transform:translateX(-100%);animation:cover-shine 8s 1s infinite}
.profile-content{padding:0 24px 25px}.avatar-button{width:78px;height:78px;margin-top:-44px;margin-bottom:17px;background:radial-gradient(circle at 30% 20%,#5284c7,#132844 90%);box-shadow:0 0 0 1px #88b3ed40,0 0 28px #5b92dd1c;transition:box-shadow .4s,transform .4s;overflow:visible}
.avatar-button:before{content:'';position:absolute;inset:-7px;border-radius:50%;border:1px solid transparent;border-left-color:#8ab7f4a0;border-right-color:#8ab7f41a;animation:avatar-orbit 15s linear infinite;pointer-events:none}
.avatar-button:hover{transform:scale(1.05);box-shadow:0 0 0 1px #9ac5ff70,0 0 35px #5b92dd40}.avatar-edit{transition:background .3s,transform .3s}.avatar-button:hover .avatar-edit{background:#314e76;transform:scale(1.07)}
.profile-role{letter-spacing:2px;font-size:7px}.profile-content h2{font-size:23px;font-weight:500;margin-top:8px}.profile-email{font-size:10px;margin-top:12px}.uid-badge{font-family:monospace;font-size:10px;background:#7face807;border-color:#7face817;padding:5px 9px;gap:8px}.profile-divider{margin:26px 0 19px;background:linear-gradient(90deg,transparent,#7596c326,transparent)}.profile-info{margin-top:16px;font-size:10px}.profile-content>.button{margin-top:26px;background:#79a2d906;border-color:#8fb7ee16;border-radius:11px}.profile-content>.button:hover{background:#79a2d913}
.subscription-panel{min-height:320px;padding:27px;grid-column:1/-1;background:linear-gradient(120deg,#111a26,#0b0f15);overflow:hidden;border-color:#77a5e429}
.panel-top{position:relative;z-index:3}.panel-top .eyebrow{font-size:8px;letter-spacing:1.25px;gap:8px}.panel-top .eyebrow svg{width:13px;height:13px}.status-pill{font-size:8px;background:#101926b8;border-color:#91c0ff24;padding:4px 9px;backdrop-filter:blur(10px)}
.subscription-copy{position:relative;z-index:2;margin-top:26px;max-width:330px}.subscription-kicker{display:block;color:#7792b6;font-size:7px;letter-spacing:2px;margin-bottom:9px}.subscription-panel h2{font-size:36px;line-height:1.12;font-weight:500;letter-spacing:-1.25px;margin-top:0;max-width:300px;white-space:pre-line}.subscription-panel p{font-size:11px;line-height:1.6;max-width:280px;margin-top:12px;color:#8395ad}.subscription-copy>.button{margin-top:22px;min-height:39px;padding:10px 15px;border-radius:10px;font-size:10px;gap:8px;position:relative;overflow:hidden}.subscription-copy>.button svg{height:13px;width:13px}
.subscription-orb{inset:-40px -60px -70px 120px;background:linear-gradient(90deg,#0f1723 0%,#0f172340 35%,transparent 80%),url('/assets/hero.png') 61% 75%/auto 580px no-repeat;opacity:.75;transform:rotate(-15deg);animation:orb-float 12s ease-in-out infinite alternate;z-index:0;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 25%,#000)}
.orb-orbit{position:absolute;right:35px;top:80px;width:200px;height:200px;border:1px solid #a2c9ff15;border-radius:50%;transform:rotateX(55deg) rotateZ(-20deg);z-index:1;pointer-events:none}.orb-orbit i{position:absolute;inset:-3px;animation:avatar-orbit 20s linear infinite}.orb-orbit i:before{content:'';position:absolute;top:50%;left:0;width:5px;height:5px;border-radius:50%;background:#bcd8ff;box-shadow:0 0 14px #a6ccff,0 0 30px #69a1ee}
.subscription-watermark{position:absolute;right:22px;bottom:16px;font-size:8px;letter-spacing:5px;color:#a2bfe650;z-index:1}.hardware-panel,.launcher-panel{padding:22px;min-height:205px}.panel-heading{align-items:start;gap:11px}.square-icon{height:33px;width:33px;border-radius:10px;background:linear-gradient(135deg,#202d3e66,#121a2666);border-color:#7ba2d62b;transition:box-shadow .4s,transform .4s}.panel:hover .square-icon{box-shadow:0 0 22px #7faae51a;transform:translateY(-2px)}.panel-heading h3{font-size:12px;line-height:1.4;margin-top:1px}.panel-heading p{font-size:9px;margin-top:4px}.hwid-field{margin-top:20px;background:#02050955;border-color:#7a9ece17;border-radius:10px;padding:12px 11px}.helper-text{font-size:9px;color:#566478}.launcher-panel .platform{font-size:7px;margin-top:2px;padding:3px 6px}.launcher-panel .button{margin-top:22px;min-height:40px;font-size:10px;border-radius:10px;position:relative;overflow:hidden}.launcher-panel .button:before,.subscription-copy>.button:before{content:'';position:absolute;top:-50%;bottom:-50%;width:40px;background:linear-gradient(90deg,transparent,#a5cbff65,transparent);transform:translateX(-200px) rotate(20deg);animation:button-shine 7s 2s infinite;pointer-events:none}.launcher-panel>small{font-size:8px;color:#5b697b}.back-link{animation:dashboard-enter .9s .5s var(--ease) both}
.modal[open] .field{animation:field-enter .4s var(--ease) both}.modal[open] .field:nth-child(2){animation-delay:.04s}.modal[open] .field:nth-child(3){animation-delay:.08s}.modal[open] .field:nth-child(4){animation-delay:.12s}.input-wrap:focus-within>span{color:#8aabd9;transition:color .25s}.button.white:not(.small){position:relative;overflow:hidden}.button.white:not(.small):after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#a6ccff3a,transparent 70%);transform:translateX(-110%);transition:transform .65s var(--ease);pointer-events:none}.button.white:not(.small):hover:after{transform:translateX(110%)}.plan.selected .radio-dot:after{animation:radio-select .35s var(--ease)}.play-button:after{content:'';position:absolute;inset:-1px;border:1px solid #fff2;border-radius:50%;animation:play-ripple 4s ease-out infinite}.back-top:hover svg{animation:arrow-nudge .6s var(--ease)}
@keyframes dashboard-enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes ambient-drift{from{transform:translate(-10%,-2%) scale(.95);opacity:.65}to{transform:translate(8%,9%) scale(1.1);opacity:1}}@keyframes avatar-orbit{to{rotate:360deg}}@keyframes orb-float{from{transform:translateY(0) rotate(-15deg) scale(1)}to{transform:translateY(-12px) rotate(-10deg) scale(1.045)}}@keyframes text-shimmer{0%,100%{background-position:0% center}50%{background-position:100% center}}@keyframes cover-shine{0%,40%{transform:translateX(-110%)}80%,100%{transform:translateX(110%)}}@keyframes button-shine{0%,70%{transform:translateX(-200px) rotate(20deg)}100%{transform:translateX(500px) rotate(20deg)}}@keyframes status-pulse{0%,100%{opacity:.55;box-shadow:0 0 5px #8caedd}50%{opacity:1;box-shadow:0 0 12px #8caedd}}@keyframes field-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes radio-select{from{transform:scale(0)}to{transform:scale(1)}}@keyframes play-ripple{0%,45%{transform:scale(1);opacity:0}50%{opacity:.7}100%{transform:scale(1.45);opacity:0}}@keyframes arrow-nudge{0%{transform:translateY(0)}50%{transform:translateY(-3px)}100%{transform:translateY(0)}}
@media(max-width:1000px){.account-grid{grid-template-columns:250px 1fr;gap:18px}.account-details{grid-template-columns:1fr}.subscription-panel{grid-column:auto;min-height:325px}.subscription-copy{max-width:260px}.subscription-panel h2{font-size:32px}.subscription-orb{left:90px;right:-180px;opacity:.55}.orb-orbit{right:-45px}.hardware-panel,.launcher-panel{min-height:0;padding:21px}.account-title h1{font-size:31px}.profile-panel{position:sticky;top:95px}.launcher-panel .panel-heading{flex-wrap:nowrap}}
@media(max-width:600px){.account-wrap{padding:109px 18px 45px}.account-title{align-items:start;margin-bottom:26px;gap:10px}.account-title h1{font-size:26px;line-height:1.25;letter-spacing:-1px;margin-top:12px;max-width:270px}.account-title h1>#welcome-name{display:block;font-size:25px;margin-top:2px;overflow-wrap:anywhere}.account-title>.button{margin-top:31px;padding:7px 9px;font-size:9px;min-height:34px}.account-title p{font-size:10px;margin-top:9px}.account-title .eyebrow{font-size:7px;letter-spacing:1px}.account-toolbar{margin-bottom:21px;padding-bottom:12px}.dashboard-tab{font-size:10px}.dashboard-tab:after{bottom:-13px}.dashboard-status{font-size:8px;gap:5px}.dashboard-status>svg,.toolbar-divider{display:none}.dashboard-status{font-size:0}.dashboard-status>i{margin-right:3px}.dashboard-status:after{content:'Secure session';font-size:8px}.account-grid{grid-template-columns:1fr;gap:16px}.profile-panel{position:relative;top:auto}.profile-cover{height:100px;background-size:100% auto;background-position:center 55%}.profile-content{position:relative;padding:0 22px 23px;text-align:left;display:grid;grid-template-columns:68px 1fr;column-gap:16px}.avatar-button{grid-column:1;grid-row:1/4;width:68px;height:68px;margin:-25px 0 0;border-width:4px;align-self:start}.profile-role{grid-column:2;margin-top:-7px;z-index:1;align-self:end;font-size:7px}.profile-content h2{grid-column:2;margin-top:7px;font-size:21px}.uid-badge{grid-column:2;justify-self:start;margin-top:7px;font-size:9px}.profile-email{grid-column:2;margin-top:8px;font-size:9px}.profile-divider{grid-column:1/-1;margin:19px 0 6px}.profile-info{grid-column:1/-1;margin-top:12px;font-size:10px}.profile-content>.button{grid-column:1/-1;margin-top:20px;font-size:10px;min-height:38px}.avatar-edit{padding:5px;right:-3px;bottom:-3px}.avatar-edit svg{width:10px;height:10px}.account-details{gap:16px}.subscription-panel{padding:23px;min-height:315px}.subscription-copy{margin-top:29px;max-width:230px}.subscription-kicker{font-size:6px;letter-spacing:1.6px}.subscription-panel h2{font-size:32px}.subscription-panel p{max-width:220px;font-size:10px;line-height:1.7}.subscription-copy>.button{font-size:10px;margin-top:22px}.subscription-orb{left:70px;right:-180px;top:-10px;bottom:-60px;opacity:.7;background-size:auto 490px;background-position:55% 75%}.orb-orbit{width:140px;height:140px;right:-18px;top:100px}.subscription-watermark{font-size:7px;right:18px;bottom:15px;letter-spacing:3px}.panel-top .eyebrow{font-size:7px;letter-spacing:.9px}.status-pill{font-size:7px}.hardware-panel,.launcher-panel{padding:22px;min-height:0}.panel-heading h3{font-size:13px}.panel-heading p{font-size:10px}.hwid-field code,.helper-text{font-size:10px}.launcher-panel>small{font-size:9px}.launcher-panel .button{font-size:11px;min-height:42px}.purple-art{inset:auto -1px -1px auto;width:360px;height:350px;background-size:1688px 938px;background-position:-459px -508px}.silver-art{width:225px;background-size:1688px 938px}.mod-art{background-position:-1006px -271px}.custom-art{background-position:-1006px -472px}.safe-art{background-position:-1006px -674px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.panel:hover{transform:none}.account-title,.profile-panel,.subscription-panel,.hardware-panel,.launcher-panel,.back-link,.account-toolbar{opacity:1;transform:none}.account-title h1>#welcome-name{background:none;-webkit-text-fill-color:#b5d0f4}}