@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap");

/* Keep the welcome surface still while its pointer glow moves. */
html body .dashboard-overview button.dashboard-welcome,
html body .dashboard-overview button.dashboard-welcome.prism-trail-control:hover:not(:disabled):not(.action):not(#accountLogout):not(.nav-profile){background:#090b0cf5!important;border-color:#ffffff09!important;box-shadow:none!important;translate:none!important;transform:none!important}
html body .dashboard-greeting,html body .dashboard-status-card>:is(strong,small,span):not(.dashboard-arrow):not(.prism-pointer-glow){transform-origin:left center;transition:scale .25s cubic-bezier(.22,1,.36,1)!important}
@media(hover:hover) and (pointer:fine){html body .dashboard-welcome:hover>.dashboard-greeting,html body .dashboard-status-card:hover>:is(strong,small,span):not(.dashboard-arrow):not(.prism-pointer-glow){scale:1.025}}
@media(prefers-reduced-motion:reduce){html body .dashboard-greeting,html body .dashboard-status-card>:is(strong,small,span){scale:1!important;transition:none!important}}
html body .payment-panel a.free-link,html body .payment-panel a.free-link.prism-trail-control:hover:not(:disabled):not(.action):not(#accountLogout):not(.nav-profile){display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;isolation:isolate;overflow:hidden;border-radius:18px!important;padding:14px 18px!important;min-height:48px;box-sizing:border-box;text-decoration:none}
html body .payment-panel a.free-link{background:transparent!important}
html body .payment-panel a.free-link>img{width:20px;height:20px;flex-shrink:0}

html body{background-color:#090b0c!important}
body::before{content:'';position:fixed;inset:0;pointer-events:none;background:url('/prism-assets/topography-mix.svg') center/1200px auto repeat!important;opacity:.065!important;z-index:-1}
.terrain{background-size:1200px auto!important;opacity:.065!important}
body:has(.terrain)::before{display:none}
html body :is(.benefit,.feature,.faqs,.faq,.login-card,.payment-panel,.order-details,.payment-method,.account-card,.account-script,.glass-card,.card,.gen-card,.modal-content,.dashboard-welcome,.dashboard-status-card,.account-loader){background:#090b0cf5!important;border-color:#ffffff09!important;box-shadow:none}
html body :is(.header.scrolled,.mobile-menu,.footer-nav,.help,.dashboard-page-title,.dashboard-profile,.dashboard-side-actions a,.dashboard-side-actions button,.dashboard-sidebar .account-tabs){background:#080a0bf5!important;border-color:#ffffff09!important;box-shadow:none}
html body :is(input,select,textarea){background-color:#080a0b!important;border-color:#ffffff14!important}
html body :is(.benefit,.feature,.payment-method,.account-script):hover{border-color:#ffffff20!important}
html body .order-details .action{background:#635bff!important}
html body .order-details .action:hover:not(:disabled){background:#716aff!important}

html body .header,html body .header .nav{background:#080a0bf5!important;border-color:#ffffff09!important;box-shadow:none!important;backdrop-filter:none!important}html body .header:not(.scrolled){background:transparent!important}html body .header .nav-link:hover,html body .header .nav-discord:hover{background:#1b1e20!important}

html body .header:not(.scrolled),html body .header:not(.scrolled) .nav{background:transparent!important;border-color:transparent!important;box-shadow:none!important}html body .header.scrolled,html body .header.scrolled .nav{background:#080a0bf5!important;border-color:#ffffff09!important}

html body .terrain{background-image:url("/prism-assets/topography-mix.svg")!important}html body footer{background:#080a0bf5!important;border-color:#ffffff09!important;box-shadow:none!important;backdrop-filter:none!important}

html body .header:not(.scrolled),html body .header:not(.scrolled) .nav,html body .header:not(.scrolled)::before,html body .header:not(.scrolled)::after,html body .header:not(.scrolled) .nav::before,html body .header:not(.scrolled) .nav::after{background:transparent!important;background-image:none!important;border-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important}

html body .terrain,html body::before{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;margin:0!important;background-size:cover!important;background-repeat:no-repeat!important;background-position:center!important;transform:none!important}

html body .header .nav-link,html body .header .nav-discord{background:#090b0cf5!important;border:1px solid #ffffff14!important;border-radius:18px!important;box-shadow:inset 0 0 0 1px #ffffff02!important;transition:background .25s,border-color .25s,translate .25s,box-shadow .25s}
html body .header .nav-discord{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:10px;flex-shrink:0}
html body .header .nav-discord svg{filter:drop-shadow(0 0 5px #dce8f040)}
html body .header .nav-link:hover,html body .header .nav-discord:hover{background:#141719!important;border-color:#ffffff28!important;box-shadow:0 0 14px #ffffff05!important}

html body .header .nav-link,html body .header .nav-discord{background:transparent!important;border-color:transparent!important;box-shadow:none!important}html body .header .nav-link:hover,html body .header .nav-discord:hover{background:#ffffff07!important;border-color:transparent!important;box-shadow:none!important}

html body .header .nav-link,html body .header .nav-discord{border:1px solid transparent!important;background:transparent!important;box-shadow:none!important;transition:background .3s,border-color .3s,box-shadow .3s,translate .3s!important}
@media(hover:hover) and (pointer:fine){html body .header .nav-link:hover,html body .header .nav-discord:hover{background:radial-gradient(90px circle at var(--hover-x,50%) var(--hover-y,50%),#ffffff08,transparent 80%),#090b0cf5!important;border-color:#ffffff20!important;box-shadow:inset 0 0 0 1px #ffffff02!important;translate:0 -2px}}

html body .start{background:transparent!important;border:1px solid transparent!important;box-shadow:none!important;border-radius:18px!important;transition:background .3s,border-color .3s,box-shadow .3s,translate .3s!important}
@media(hover:hover) and (pointer:fine){html body .start:hover{background:radial-gradient(90px circle at var(--hover-x,50%) var(--hover-y,50%),#ffffff08,transparent 80%),#090b0cf5!important;border-color:#ffffff20!important;box-shadow:inset 0 0 0 1px #ffffff02!important;translate:0 -2px}}
@media(prefers-reduced-motion:reduce){html body .start:hover{translate:none}}

html body .header .nav-link[aria-current="page"],html body .mobile-menu a[aria-current="page"]{border:1px solid #8b949e70!important;border-radius:18px!important;background:#8b949e09!important;box-shadow:0 0 12px #8b949e08!important;color:#e2e8ed!important}html body .header .nav-link[aria-current="page"]:hover{border-color:#8b949e90!important}

html body .header .nav-link[aria-current="page"],html body .header .nav-link[aria-current="page"]:hover,html body .header .nav-link:hover,html body .header .nav-discord:hover{background:transparent!important;border-color:#8b949e70!important;border-radius:18px!important;box-shadow:none!important}

html body .header .nav-link[aria-current="page"],html body .header .nav-link[aria-current="page"]:hover,html body .header .nav-link:hover,html body .header .nav-discord:hover{background:#090b0cf5!important;border-color:#ffffff20!important;box-shadow:inset 0 0 0 1px #ffffff02!important;border-radius:18px!important}

.prism-info-footer{display:flex;justify-content:center;align-items:center;gap:7px;width:max-content;max-width:calc(100% - 24px);margin:28px auto 22px;padding:10px 14px;border-radius:99px;background:#080a0bf5;color:#87939d;font:12px Inter,system-ui,sans-serif}.prism-info-footer a{color:inherit;text-decoration:none;transition:color .2s}.prism-info-footer a:hover{color:#dce5ec}.prism-info-footer img{display:block;opacity:.8}.prism-info-footer span{color:#53606a}

html body{color:#c8d3dd!important}
html body :is(h1,h2,h3,h4,.price,.nav-link,.nav-discord,.feature-toggle,.dashboard-status-card strong,.dashboard-profile strong,.dashboard-side-actions>a,.dashboard-side-actions>button,.account-tabs button,.account-tabs a,.account-action,.start,.faq-question){color:#c8d3dd!important}
html body :is(.dashboard-welcome h1,.dashboard-page-title,.checkout-title,.payment-title,.order-heading>p:first-child,.payment-method h2){color:#c8d3dd!important}
html body .order-details .action,html body .order-details .action span{color:#fff!important}

html body .header .nav-link[aria-current="page"],html body .header .nav-link[aria-current="page"]:hover,html body .dashboard-sidebar .account-tabs [aria-selected="true"],html body .dashboard-sidebar .account-tabs [aria-selected="true"]:hover{background:#111416!important;border-color:transparent!important;box-shadow:none!important;color:#c8d3dd!important}

html body :is(p,label,small,.hint,.order-note,.payment-note,.checkout-intro,.account-status,.sidebar-section-heading,.dashboard-side-actions small,.dashboard-profile small,.dashboard-welcome small,.dashboard-status-card small,.dashboard-status-card>span,.account-key-time,.faq-answer,.feature p,.benefit p,.prism-info-footer){color:#aebcc7!important}
html body :is(.order-heading>p:first-child,.price,.dashboard-profile strong){color:#c8d3dd!important}

html body .header .nav-link.nav-profile,html body .header .nav-link.nav-profile:hover{width:40px!important;height:40px!important;min-width:40px!important;padding:2px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;line-height:0!important;translate:none!important;box-sizing:border-box!important}html body .header .nav-profile img{width:34px!important;height:34px!important;flex:0 0 34px!important;border-radius:50%!important;object-fit:cover!important;object-position:center!important;margin:0!important;display:block!important}

@media(hover:hover) and (pointer:fine){html body .prism-trail-control:hover:not(:disabled):not(.action):not(#accountLogout):not(.nav-profile){background:#111416!important;border-color:transparent!important;box-shadow:none!important}html body .order-details .action.prism-trail-control:hover:not(:disabled){background:#635bff!important}html body #accountLogout.prism-trail-control:hover{background:#603739!important}}
html body :is(.header .nav-link[aria-current="page"],.dashboard-sidebar .account-tabs [aria-selected="true"]){background:#111416!important;border-color:transparent!important;box-shadow:none!important}

html body .terrain,html body::before{opacity:.105!important}

html body .header .nav-link.nav-profile{transition:border-color .25s,background .25s!important}
html body .header .nav-profile img{transition:transform .25s cubic-bezier(.22,1,.36,1)!important}
@media(hover:hover) and (pointer:fine){html body .header .nav-link.nav-profile:hover{background:transparent!important;border-color:transparent!important;box-shadow:none!important;overflow:visible!important}html body .header .nav-profile:hover img{transform:scale(1.17647)!important}}
@media(prefers-reduced-motion:reduce){html body .header .nav-profile img{transition:none!important}}

html body .header .nav,html body .header.scrolled .nav{background:transparent!important;border-color:transparent!important;box-shadow:none!important;border-radius:inherit!important}
html body .header.scrolled{border-radius:999px!important;background:#080a0bf5!important}
html body .prism-info-footer{border-radius:999px!important;background:#080a0bf5!important;overflow:hidden;box-shadow:none!important;border:0!important}
html body .prism-info-footer a,html body .prism-info-footer a.prism-trail-control:hover{background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important}

html body .feature::before{border-radius:inherit;background:radial-gradient(240px circle at var(--trail-x,var(--mx,50%)) var(--trail-y,var(--my,50%)),#ffffff14,transparent 80%)!important}html body .feature:hover::before{opacity:1!important}

html body .terrain,html body::before{opacity:.12!important}
html body:has(.account-shell) .header .nav-link.nav-profile,html body:has(.account-shell) .header .nav-link.nav-profile:hover{border-color:transparent!important;background:transparent!important;box-shadow:none!important;padding:0!important;overflow:visible!important}
html body:has(.account-shell) .header .nav-profile img{width:40px!important;height:40px!important;flex-basis:40px!important;transform:scale(1)!important}
@media(hover:hover) and (pointer:fine){html body:has(.account-shell) .header .nav-profile:hover img{transform:scale(1.12)!important}}

html body .prism-info-footer a{display:inline-flex;align-items:center;border-radius:999px!important;padding:4px 6px;overflow:hidden;transition:background-color .25s,color .25s}
html body .prism-info-footer a:hover,html body .prism-info-footer a.prism-trail-control:hover{background:#111416!important;border-radius:999px!important;border:0!important;box-shadow:none!important}

html body{min-height:100dvh;display:flex;flex-direction:column}
html body>main{flex:1 0 auto;width:100%}
html body>.prism-info-footer{flex:0 0 auto;margin-top:auto;margin-bottom:22px}
html body>.prism-info-footer::before{content:none}
html body main.account-shell{width:80%}

/* Prism hover surfaces fade independently from the pointer-following glow. */
html body .prism-trail-control{transition:background-color .4s ease,color .24s ease,box-shadow .28s ease,text-shadow .28s ease,filter .28s ease,transform .28s ease!important}
html body .prism-glow-host{position:relative;isolation:isolate}
html body .prism-pointer-glow{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(120px circle at var(--trail-x,50%) var(--trail-y,50%),#ffffff0d,transparent 85%);opacity:0;transition:opacity .4s ease;z-index:0}
html body .prism-pointer-active>.prism-pointer-glow{opacity:1}
@media(prefers-reduced-motion:reduce){html body .prism-trail-control,html body .prism-pointer-glow{transition:none!important}}

/* The hero action stays anchored while its pointer glow animates. */
html body .hero .start,html body .hero .start.prism-glow-host{position:absolute!important;bottom:70px}
html body .hero .start>.prism-pointer-glow{transform:none!important;transition:opacity .4s ease!important}
@media(max-width:700px){html body .hero .start{bottom:56px}}

/* Prism typography: Poppins Medium (500). */
html body,html body :is(h1,h2,h3,h4,h5,h6,p,a,button,input,select,textarea,label,small,summary,strong,b,span,div){font-family:Poppins,sans-serif!important;font-weight:500!important}

.prism-loading-spinner{display:inline-block;width:24px;height:24px;background:url('/prism-assets/prism-mark.svg') center/contain no-repeat;filter:brightness(0) invert(1);animation:prism-loading-spin 1.5s linear infinite;transform-origin:center}
@keyframes prism-loading-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.prism-loading-spinner{animation:none}}

/* Keep hero visibility transitions independent from shared hover styling. */
html body .hero .start{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .45s ease,transform .45s cubic-bezier(.25,.1,.25,1),visibility 0s,background-color .4s ease,color .3s ease,translate .3s ease!important}
html body .hero.hero-left .start{opacity:0;transform:translateY(-12px);visibility:hidden;pointer-events:none;transition:opacity .4s ease,transform .4s cubic-bezier(.25,.1,.25,1),visibility 0s .4s,background-color .4s ease,color .3s ease,translate .3s ease!important}
@media(prefers-reduced-motion:reduce){html body .hero .start,html body .hero.hero-left .start{transition:none!important;transform:none!important}}
/* Keep the CTA text stationary; fade only its pill surface. */
html body .hero a.start,html body .hero a.start.prism-trail-control:hover:not(:disabled):not(.action):not(#accountLogout):not(.nav-profile){background:transparent!important;border-color:transparent!important;border-radius:999px!important;box-shadow:none!important;filter:none!important;translate:none!important;backdrop-filter:none!important;isolation:isolate;transition:opacity .45s ease,transform .45s ease,visibility 0s!important}
html body .hero a.start::before{content:"";position:absolute;inset:0;border-radius:inherit;background:#111416;opacity:0;z-index:-1;pointer-events:none;transition:opacity .35s ease}
html body .hero a.start:hover::before,html body .hero a.start:focus-visible::before{opacity:1}
html body .hero a.start>span:not(.prism-pointer-glow),html body .hero a.start:hover>span:not(.prism-pointer-glow){transform:none!important;translate:none!important;transition:none!important}
html body .hero.hero-left a.start{transition:opacity .4s ease,transform .4s ease,visibility 0s .4s!important}
@media(prefers-reduced-motion:reduce){html body .hero a.start::before{transition:none}}
/* Prism focus uses the existing glow and fill instead of an outline. */
html body :is(a,button,input,select,textarea,summary,[tabindex]):is(:focus,:focus-visible){outline:none!important;outline-offset:0!important}
html body .recovery-choice input:focus-visible+span{outline:none!important}
/* Animate dashboard text in both directions without resizing the cards. */
html body .dashboard-overview .dashboard-welcome>.dashboard-greeting,
html body .dashboard-overview .dashboard-status-card>:is(strong,small,span):not(.dashboard-arrow):not(.prism-pointer-glow){scale:1;transform-origin:left center;transition:scale .45s cubic-bezier(.25,.1,.25,1)!important}
@media(hover:hover) and (pointer:fine){html body .dashboard-overview .dashboard-welcome:hover>.dashboard-greeting,html body .dashboard-overview .dashboard-status-card:hover>:is(strong,small,span):not(.dashboard-arrow):not(.prism-pointer-glow){scale:1.025}}
@media(prefers-reduced-motion:reduce){html body .dashboard-overview .dashboard-welcome>.dashboard-greeting,html body .dashboard-overview .dashboard-status-card>:is(strong,small,span):not(.dashboard-arrow):not(.prism-pointer-glow){scale:1!important;transition:none!important}}
/* Account settings: text enlargement instead of the pointer glow. */
html body .dashboard-sidebar #detailsTab>.prism-pointer-glow{display:none!important}
html body .dashboard-sidebar #detailsTab>.prism-menu-label{display:inline-block;transform-origin:left center;scale:1;transition:scale .45s cubic-bezier(.25,.1,.25,1)!important}
@media(hover:hover) and (pointer:fine){html body .dashboard-sidebar #detailsTab:hover>.prism-menu-label{scale:1.025}}
@media(prefers-reduced-motion:reduce){html body .dashboard-sidebar #detailsTab>.prism-menu-label{scale:1!important;transition:none!important}}
/* Account settings keeps its pointer trail without text enlargement. */
html body .dashboard-sidebar #detailsTab>.prism-pointer-glow{display:block!important}
html body .dashboard-sidebar #detailsTab>.prism-menu-label,
html body .dashboard-sidebar #detailsTab:hover>.prism-menu-label{scale:1!important;transform:none!important;transition:none!important}
/* Only the mouse-following glow responds on Account settings. */
html body .dashboard-sidebar #detailsTab,
html body .dashboard-sidebar #detailsTab.prism-trail-control:hover:not(:disabled):not(.action):not(#accountLogout):not(.nav-profile){background:transparent!important;box-shadow:none!important;border-color:transparent!important;translate:none!important;transform:none!important}
html body .dashboard-sidebar #detailsTab[aria-selected="true"],
html body .dashboard-sidebar #detailsTab[aria-selected="true"].prism-trail-control:hover:not(:disabled):not(.action):not(#accountLogout):not(.nav-profile){background:#111416!important}
html body .dashboard-sidebar #detailsTab::before{opacity:0!important}
/* Account settings combines pointer glow with the dashboard text enlargement. */
html body .dashboard-sidebar #detailsTab>.prism-menu-label{display:inline-block;scale:1!important;transform-origin:left center;transition:scale .45s cubic-bezier(.25,.1,.25,1)!important}
@media(hover:hover) and (pointer:fine){html body .dashboard-sidebar #detailsTab:hover>.prism-menu-label{scale:1.025!important}}
@media(prefers-reduced-motion:reduce){html body .dashboard-sidebar #detailsTab>.prism-menu-label{scale:1!important;transition:none!important}}
/* Use the same transition on hover and on exit. */
html body .dashboard-sidebar #detailsTab>.prism-menu-label,
html body .dashboard-sidebar #detailsTab:hover>.prism-menu-label{transition:scale .45s cubic-bezier(.25,.1,.25,1)!important}
@media(prefers-reduced-motion:reduce){html body .dashboard-sidebar #detailsTab>.prism-menu-label,html body .dashboard-sidebar #detailsTab:hover>.prism-menu-label{transition:none!important}}
/* Consistent sidebar text motion; keep the pointer glow and selected tab. */
html body #signedIn .dashboard-sidebar :is(.sidebar-section,.dashboard-side-actions) :is(a,button)>.prism-menu-label,
html body #signedIn .dashboard-sidebar :is(.sidebar-section,.dashboard-side-actions) :is(a,button):hover>.prism-menu-label,
html body #signedIn .dashboard-sidebar .dashboard-side-actions :is(a,button)>small,
html body #signedIn .dashboard-sidebar .dashboard-side-actions :is(a,button):hover>small,
html body #signedIn .dashboard-sidebar .dashboard-profile>span,
html body #signedIn .dashboard-sidebar .dashboard-profile:hover>span{display:inline-block;scale:1!important;transform:none!important;transform-origin:left center;transition:scale .45s cubic-bezier(.25,.1,.25,1)!important}
@media(hover:hover) and (pointer:fine){html body #signedIn .dashboard-sidebar :is(.sidebar-section,.dashboard-side-actions) :is(a,button):hover>.prism-menu-label,html body #signedIn .dashboard-sidebar .dashboard-side-actions :is(a,button):hover>small,html body #signedIn .dashboard-sidebar .dashboard-profile:hover>span{scale:1.025!important}}
html body #signedIn .dashboard-sidebar .sidebar-section :is(a,button):not([aria-selected="true"]),html body #signedIn .dashboard-sidebar .sidebar-section :is(a,button).prism-trail-control:hover:not([aria-selected="true"]):not(:disabled):not(.action):not(#accountLogout):not(.nav-profile){background:transparent!important;box-shadow:none!important}
html body #signedIn .dashboard-sidebar .dashboard-side-actions>:is(a,button)::before,html body #signedIn .dashboard-sidebar .dashboard-profile::before{opacity:0!important}
html body #signedIn .dashboard-sidebar .dashboard-profile:hover>img{transform:none!important}
@media(prefers-reduced-motion:reduce){html body #signedIn .dashboard-sidebar :is(.sidebar-section,.dashboard-side-actions) :is(a,button)>.prism-menu-label,html body #signedIn .dashboard-sidebar .dashboard-side-actions :is(a,button)>small,html body #signedIn .dashboard-sidebar .dashboard-profile>span{scale:1!important;transition:none!important}}
/* Profile controls share the smooth enlargement and sidebar pointer glow. */
html body #signedIn .dashboard-sidebar .dashboard-profile{position:relative!important;isolation:isolate;overflow:hidden!important}
html body #signedIn .dashboard-sidebar .dashboard-profile>img,html body #signedIn .dashboard-sidebar .dashboard-profile:hover>img{scale:1!important;transform:none!important;transition:scale .45s cubic-bezier(.25,.1,.25,1)!important}
html body .header .nav-profile img,html body .header .nav-profile:hover img,html body:has(.account-shell) .header .nav-profile img,html body:has(.account-shell) .header .nav-profile:hover img{transform:none!important;scale:1;transition:scale .45s cubic-bezier(.25,.1,.25,1)!important}
@media(hover:hover) and (pointer:fine){html body #signedIn .dashboard-sidebar .dashboard-profile:hover>img{scale:1.025!important}html body .header .nav-profile:hover img,html body:has(.account-shell) .header .nav-profile:hover img{scale:1.025!important}}
html body #signedIn .dashboard-sidebar .account-tabs .sidebar-section :is(button,a)[aria-selected="true"],html body #signedIn .dashboard-sidebar .account-tabs .sidebar-section :is(button,a)[aria-selected="true"]:hover{box-shadow:0 0 12px #d4dfe719,0 0 26px #d4dfe70c!important;background:#111416!important}
@media(prefers-reduced-motion:reduce){html body #signedIn .dashboard-sidebar .dashboard-profile>img,html body .header .nav-profile img,html body:has(.account-shell) .header .nav-profile img{scale:1!important;transition:none!important}}
/* The selected menu glow drifts like a resting pointer trail. */
html body #signedIn .dashboard-sidebar .account-tabs .sidebar-section :is(button,a)[aria-selected="true"],html body #signedIn .dashboard-sidebar .account-tabs .sidebar-section :is(button,a)[aria-selected="true"]:hover{box-shadow:none!important;background:#0d1114!important;position:relative;isolation:isolate}
html body #signedIn .dashboard-sidebar .account-tabs .sidebar-section :is(button,a)[aria-selected="true"]::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 50% 50%,#e0eaf128 0%,#c0d1df0d 35%,transparent 65%);background-size:200% 200%;animation:prism-selected-drift 7s ease-in-out infinite alternate;filter:blur(7px)}
@keyframes prism-selected-drift{0%{background-position:0% 30%;opacity:.65}50%{background-position:55% 75%;opacity:1}100%{background-position:100% 35%;opacity:.75}}
@media(prefers-reduced-motion:reduce){html body #signedIn .dashboard-sidebar .account-tabs .sidebar-section [aria-selected="true"]::before{animation:none;background-position:50% 50%}}
/* One dark card surface; motion lives in the text, icons and pointer glow. */
html body #signedIn .dashboard-overview :is(.dashboard-welcome,.dashboard-status-card,.account-loader),html body #signedIn .dashboard-overview :is(.dashboard-welcome,.dashboard-status-card,.account-loader).prism-trail-control:hover:not(:disabled):not(.action):not(#accountLogout):not(.nav-profile){background:#090b0cf5!important;border-color:#ffffff09!important;box-shadow:none!important;translate:none!important;transform:none!important}
html body #signedIn .dashboard-sidebar .dashboard-side-actions>:is(a,button)>.sidebar-action-icon,html body #signedIn .dashboard-sidebar .dashboard-side-actions>:is(a,button):hover>.sidebar-action-icon{scale:1!important;transform:none!important;transform-origin:center;transition:scale .45s cubic-bezier(.25,.1,.25,1)!important}
@media(hover:hover) and (pointer:fine){html body #signedIn .dashboard-sidebar .dashboard-side-actions>:is(a,button):hover>.sidebar-action-icon{scale:1.025!important}}
html body #signedIn .dashboard-arrow,html body #signedIn :hover>.dashboard-arrow{scale:1!important;transform:none!important;transition:none!important}
/* Selected and hovered tabs use the same neutral white pointer gradient. */
html body #signedIn .dashboard-sidebar .account-tabs .sidebar-section :is(button,a)[aria-selected="true"],html body #signedIn .dashboard-sidebar .account-tabs .sidebar-section :is(button,a)[aria-selected="true"]:hover{background:transparent!important}
html body #signedIn .dashboard-sidebar .account-tabs .sidebar-section :is(button,a)[aria-selected="true"]::before{background:radial-gradient(120px circle at 50% 50%,#ffffff0d,transparent 85%)!important;background-size:200% 200%!important;filter:none!important}
html body #signedIn .dashboard-sidebar .account-tabs .sidebar-section :is(button,a)[aria-selected="true"]>.prism-pointer-glow{display:block!important}
@media(prefers-reduced-motion:reduce){html body #signedIn .dashboard-sidebar .dashboard-side-actions>:is(a,button)>.sidebar-action-icon{scale:1!important;transition:none!important}}
/* Keep the sign-out icon close to its label. */
html body .dashboard-sidebar>#accountLogout .logout-icon-wrap{left:calc(50% + 28px)!important}
/* Profile card: pointer glow and enlargement, with a fixed dark surface. */
html body #signedIn .dashboard-sidebar .dashboard-profile,
html body #signedIn .dashboard-sidebar .dashboard-profile.prism-trail-control:hover:not(:disabled):not(.action):not(#accountLogout):not(.nav-profile){background:#060809!important;border-color:transparent!important;box-shadow:none!important;translate:none!important;transform:none!important;filter:none!important}
html body #signedIn .dashboard-sidebar .dashboard-profile::before,html body #signedIn .dashboard-sidebar .dashboard-profile:hover::before{opacity:0!important}
html body #signedIn .dashboard-sidebar .dashboard-profile>.prism-pointer-glow{display:block!important;background:radial-gradient(120px circle at var(--trail-x,50%) var(--trail-y,50%),#ffffff0d,transparent 85%)!important}
/* A slightly brighter left edge on the selected tab. */
html body #signedIn .dashboard-sidebar .account-tabs .sidebar-section :is(button,a)[aria-selected="true"]::before{background-image:linear-gradient(90deg,#ffffff0d,transparent 65%),radial-gradient(120px circle at 50% 50%,#ffffff0d,transparent 85%)!important;background-size:100% 100%,200% 200%!important}
/* Keep the profile trail visible above the surface and below its content. */
html body #signedIn .dashboard-sidebar .dashboard-profile>:is(img,span:not(.prism-pointer-glow)){position:relative;z-index:1}
html body #signedIn .dashboard-sidebar .dashboard-profile>.prism-pointer-glow{z-index:0!important;inset:0!important;background:radial-gradient(120px circle at var(--trail-x,50%) var(--trail-y,50%),#ffffff18,transparent 85%)!important}
html body #signedIn .dashboard-sidebar .dashboard-profile:hover>.prism-pointer-glow{opacity:1!important}
/* Stable sign-out spacing throughout the reveal. */
html body .dashboard-sidebar>#accountLogout>span:first-child,html body .dashboard-sidebar>#accountLogout:hover>span:first-child,html body .dashboard-sidebar>#accountLogout:focus-visible>span:first-child{transform:none!important;translate:none!important}
html body .dashboard-sidebar>#accountLogout .logout-icon-wrap{left:calc(50% + 37px)!important;transform:translate(2px,-50%)!important;transition:opacity .3s ease,transform .3s ease!important}
html body .dashboard-sidebar>#accountLogout:hover .logout-icon-wrap,html body .dashboard-sidebar>#accountLogout:focus-visible .logout-icon-wrap{transform:translate(0,-50%)!important}
@media(prefers-reduced-motion:reduce){html body .dashboard-sidebar>#accountLogout .logout-icon-wrap{transition:none!important}}
/* Restrained selected-tab glow with a gentle moving highlight. */
html body #signedIn .dashboard-sidebar .account-tabs .sidebar-section :is(button,a)[aria-selected="true"]::before{background-image:linear-gradient(90deg,#ffffff04,transparent 60%),radial-gradient(100px circle at 50% 50%,#ffffff12 0%,#ffffff05 40%,transparent 85%)!important;background-size:100% 100%,200% 200%!important;animation:prism-selected-soft-glow 8s ease-in-out infinite alternate!important}
@keyframes prism-selected-soft-glow{0%{background-position:0 0,20% 40%;opacity:.55}50%{background-position:0 0,55% 60%;opacity:.85}100%{background-position:0 0,80% 40%;opacity:.6}}
@media(prefers-reduced-motion:reduce){html body #signedIn .dashboard-sidebar .account-tabs .sidebar-section :is(button,a)[aria-selected="true"]::before{animation:none!important;opacity:.65!important;background-position:0 0,50% 50%}}
/* Move a visible soft highlight across the selected pill. */
html body #signedIn .dashboard-sidebar .account-tabs .sidebar-section :is(button,a)[aria-selected="true"]::before{background:radial-gradient(ellipse 48px 32px at 50% 50%,#ffffff20 0%,#ffffff0b 45%,transparent 80%)!important;background-size:100% 100%!important;inset:0!important;animation:prism-selected-travel 5s ease-in-out infinite alternate!important;filter:blur(4px)!important}
@keyframes prism-selected-travel{from{transform:translateX(-32%)}to{transform:translateX(32%)}}
@media(prefers-reduced-motion:reduce){html body #signedIn .dashboard-sidebar .account-tabs .sidebar-section :is(button,a)[aria-selected="true"]::before{animation:none!important;transform:none!important}}
/* Selected pill breathes from darkness into light without travelling. */
html body #signedIn .dashboard-sidebar .account-tabs .sidebar-section :is(button,a)[aria-selected="true"]::before{background:radial-gradient(ellipse at 40% 50%,#ffffff20 0%,#ffffff09 45%,transparent 85%)!important;background-size:100% 100%!important;transform:none!important;opacity:0;animation:prism-selected-breathe 4.8s ease-in-out infinite!important;filter:blur(4px)!important}
@keyframes prism-selected-breathe{0%,100%{opacity:.06}50%{opacity:.85}}
@media(prefers-reduced-motion:reduce){html body #signedIn .dashboard-sidebar .account-tabs .sidebar-section :is(button,a)[aria-selected="true"]::before{animation:none!important;opacity:.4!important}}
/* The whole active segment breathes; only inactive items follow the pointer. */
html body #signedIn .dashboard-sidebar .account-tabs .sidebar-section :is(button,a)[aria-selected="true"]::before{background:linear-gradient(110deg,#ffffff18,#ffffff10 55%,#ffffff14)!important;inset:0!important;border-radius:inherit!important;filter:none!important;transform:none!important;animation:prism-selected-breathe 4.8s ease-in-out infinite!important}
html body #signedIn .dashboard-sidebar .account-tabs .sidebar-section :is(button,a)[aria-selected="true"]>.prism-pointer-glow{display:none!important}
html body .header .nav-link[aria-current="page"]>.prism-pointer-glow{display:none!important}
@media(prefers-reduced-motion:reduce){html body #signedIn .dashboard-sidebar .account-tabs .sidebar-section :is(button,a)[aria-selected="true"]::before{animation:none!important;opacity:.4!important}}
/* A restrained star-like gradient across the active segment. */
html body #signedIn .dashboard-sidebar .account-tabs .sidebar-section :is(button,a)[aria-selected="true"]::before{background:radial-gradient(ellipse at 38% 50%,#ffffff12 0%,#ffffff07 32%,#ffffff02 68%,transparent 100%),radial-gradient(ellipse 65% 16% at 38% 50%,#ffffff09,transparent 85%)!important;animation:prism-selected-starlight 5.5s ease-in-out infinite!important}
@keyframes prism-selected-starlight{0%,100%{opacity:.18}50%{opacity:.65}}
@media(prefers-reduced-motion:reduce){html body #signedIn .dashboard-sidebar .account-tabs .sidebar-section :is(button,a)[aria-selected="true"]::before{animation:none!important;opacity:.4!important}}
/* Broad, soft illumination without a streak or point highlight. */
html body #signedIn .dashboard-sidebar .account-tabs .sidebar-section :is(button,a)[aria-selected="true"]::before{background:linear-gradient(105deg,#ffffff0b 0%,#ffffff08 45%,#ffffff03 100%)!important;inset:0!important;border-radius:inherit!important;filter:none!important;transform:none!important;animation:prism-selected-soft-pulse 5.5s ease-in-out infinite!important}
@keyframes prism-selected-soft-pulse{0%,100%{opacity:.3}50%{opacity:.75}}
@media(prefers-reduced-motion:reduce){html body #signedIn .dashboard-sidebar .account-tabs .sidebar-section :is(button,a)[aria-selected="true"]::before{animation:none!important;opacity:.5!important}}
/* Header selection matches the sidebar's soft gradient pulse. */
html body .header .nav-link[aria-current="page"],html body .header .nav-link[aria-current="page"].prism-trail-control:hover:not(:disabled):not(.action):not(#accountLogout):not(.nav-profile){position:relative;isolation:isolate;overflow:hidden;background:#080a0b!important;box-shadow:none!important;border-radius:999px!important}
html body .header .nav-link[aria-current="page"]::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;background:linear-gradient(105deg,#ffffff0b 0%,#ffffff08 45%,#ffffff03 100%);animation:prism-selected-soft-pulse 5.5s ease-in-out infinite}
html body .header .nav-link[aria-current="page"]>.prism-pointer-glow{display:none!important}
@media(prefers-reduced-motion:reduce){html body .header .nav-link[aria-current="page"]::before{animation:none;opacity:.5}}
/* Sidebar controls share a restrained gradient surface. */
html body #signedIn .dashboard-sidebar .sidebar-section :is(button,a):not([aria-selected="true"]),html body #signedIn .dashboard-sidebar .sidebar-section :is(button,a).prism-trail-control:hover:not([aria-selected="true"]):not(:disabled):not(.action):not(#accountLogout):not(.nav-profile){background:linear-gradient(105deg,#ffffff04,transparent 85%)!important}
html body #signedIn .dashboard-sidebar .dashboard-profile,html body #signedIn .dashboard-sidebar .dashboard-profile.prism-trail-control:hover:not(:disabled):not(.action):not(#accountLogout):not(.nav-profile),html body #signedIn .dashboard-sidebar div.dashboard-side-actions>:is(a,button),html body #signedIn .dashboard-sidebar div.dashboard-side-actions>:is(a,button).prism-trail-control:hover:not(:disabled):not(.action):not(#accountLogout):not(.nav-profile){background:linear-gradient(105deg,#ffffff05,transparent 85%),#060809!important}
/* Remove the older Account settings solid selected/hover fill. */
html body #signedIn .dashboard-sidebar #detailsTab,html body #signedIn .dashboard-sidebar #detailsTab.prism-trail-control:hover:not(:disabled):not(.action):not(#accountLogout):not(.nav-profile){background:linear-gradient(105deg,#ffffff04,transparent 85%)!important}
html body #signedIn .dashboard-sidebar #detailsTab[aria-selected="true"],html body #signedIn .dashboard-sidebar #detailsTab[aria-selected="true"].prism-trail-control:hover:not(:disabled):not(.action):not(#accountLogout):not(.nav-profile){background:transparent!important}
html body #signedIn .dashboard-sidebar .account-tabs .sidebar-section #detailsTab[aria-selected="true"]::before{opacity:initial!important}
/* Restore the original inactive menu and action-card surfaces. */
html body #signedIn .dashboard-sidebar .sidebar-section :is(button,a):not([aria-selected="true"]),html body #signedIn .dashboard-sidebar .sidebar-section :is(button,a).prism-trail-control:hover:not([aria-selected="true"]):not(:disabled):not(.action):not(#accountLogout):not(.nav-profile),html body #signedIn .dashboard-sidebar #detailsTab,html body #signedIn .dashboard-sidebar #detailsTab.prism-trail-control:hover:not(:disabled):not(.action):not(#accountLogout):not(.nav-profile){background:transparent!important}
html body #signedIn .dashboard-sidebar .dashboard-profile,html body #signedIn .dashboard-sidebar .dashboard-profile.prism-trail-control:hover:not(:disabled):not(.action):not(#accountLogout):not(.nav-profile),html body #signedIn .dashboard-sidebar div.dashboard-side-actions>:is(a,button),html body #signedIn .dashboard-sidebar div.dashboard-side-actions>:is(a,button).prism-trail-control:hover:not(:disabled):not(.action):not(#accountLogout):not(.nav-profile){background:#060809!important}
html body .header .nav-link[aria-current="page"]::before{z-index:0!important;background:linear-gradient(105deg,#ffffff0b 0%,#ffffff08 45%,#ffffff03 100%)!important;animation:prism-selected-soft-pulse 5.5s ease-in-out infinite!important}
/* Centre the whole sign-out group as its icon appears. */
html body .dashboard-sidebar>#accountLogout{display:flex!important;align-items:center!important;justify-content:center!important;background:#492a30!important}
html body .dashboard-sidebar>#accountLogout:hover,html body .dashboard-sidebar>#accountLogout:focus-visible{background:#79434b!important}
html body .dashboard-sidebar>#accountLogout .logout-icon-wrap{position:static!important;left:auto!important;top:auto!important;width:0!important;height:18px!important;overflow:hidden!important;margin-left:0!important;transform:none!important;transition:width .35s ease,margin-left .35s ease,opacity .35s ease!important}
html body .dashboard-sidebar>#accountLogout:hover .logout-icon-wrap,html body .dashboard-sidebar>#accountLogout:focus-visible .logout-icon-wrap{width:18px!important;margin-left:7px!important;transform:none!important;opacity:1!important}
html body .dashboard-sidebar>#accountLogout>span:first-child{scale:1;transition:scale .45s cubic-bezier(.25,.1,.25,1)!important}
html body .dashboard-sidebar>#accountLogout:hover>span:first-child{scale:1.025}
@media(prefers-reduced-motion:reduce){html body .dashboard-sidebar>#accountLogout>span:first-child,html body .dashboard-sidebar>#accountLogout .logout-icon-wrap{transition:none!important;scale:1!important}}
/* Header hover follows the same glow and enlargement as the sidebar. */
html body .header a.nav-link:not(.nav-profile):not([aria-current="page"]),html body .header a.nav-link.prism-trail-control:hover:not(.nav-profile):not([aria-current="page"]):not(:disabled):not(.action):not(#accountLogout){background:transparent!important;box-shadow:none!important;border-color:transparent!important;translate:none!important;transform:none!important;scale:1;transition:scale .45s cubic-bezier(.25,.1,.25,1)!important;position:relative;isolation:isolate;overflow:hidden;border-radius:999px!important}
@media(hover:hover) and (pointer:fine){html body .header a.nav-link.prism-trail-control:hover:not(.nav-profile):not([aria-current="page"]):not(:disabled):not(.action):not(#accountLogout){scale:1.025}}
@media(prefers-reduced-motion:reduce){html body .header a.nav-link:not(.nav-profile){scale:1!important;transition:none!important}}
/* Footer links illuminate under the pointer without a solid hover fill. */
html body nav.prism-info-footer a,html body nav.prism-info-footer a.prism-trail-control:hover:not(:disabled):not(.action):not(#accountLogout):not(.nav-profile){position:relative!important;isolation:isolate;overflow:hidden;background:transparent!important;box-shadow:none!important;border-radius:999px!important}
html body nav.prism-info-footer a>.prism-pointer-glow{display:block!important;inset:0!important;z-index:0!important;background:radial-gradient(65px circle at var(--trail-x,50%) var(--trail-y,50%),#ffffff20,transparent 85%)!important}
html body nav.prism-info-footer a:hover>.prism-pointer-glow{opacity:1!important}