/* AURENYX: black glass and polished amethyst. */
:root{--gold:#bd8aff;--gold-light:#ecd9ff;--muted:#aaa3b8;--surface:#110e18;--line:#cba2ff24;--green:#bd8aff;color:#f3eff9;background:#030205}
body{background:radial-gradient(ellipse at 80% 15%,#34125026,transparent 50%),#030205}
.auth-layout{max-width:1460px;grid-template-columns:minmax(0,1fr) 400px;gap:28px;padding:30px 4vw 30px 0;align-items:center}
.art-frame{max-width:850px}.brand-art{display:block;mix-blend-mode:screen}
.auth-card{max-width:400px;background:linear-gradient(145deg,#21152d,#100c16 45%,#09070d);border-color:#be8aee50;box-shadow:0 30px 100px #0009,inset 0 1px 0 #e3c5ff12}
.auth-card:focus-within{border-color:#b77de39c}
.primary,#logout{background:linear-gradient(115deg,#8750bd,#c697f1 32%,#eed8ff 50%,#ad76df 76%,#7842ad);border-color:#d0a7f5;color:#1c0b2b;text-shadow:0 1px 0 #ffffff44}
.primary:hover,#logout:hover{background:linear-gradient(115deg,#a05dd9,#e4c4ff 42%,#f0e0ff 53%,#bd85ee);border-color:#edceff}
.public-plans{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}
.public-plans .eyebrow{font-size:10px;letter-spacing:2px;margin:0 0 12px}
.public-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.public-plan{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:15px 12px;background:#aa60f208;border:1px solid #c598ff36;border-radius:10px;color:#eee2fa;font:inherit;cursor:pointer;text-align:left}
.public-plan:hover,.public-plan[aria-pressed="true"]{border-color:#cd9dff;background:#a457eb18}
.public-plan span{font-size:12px;color:#c8b4dd}.public-plan strong{font-size:21px;white-space:nowrap;letter-spacing:-.6px}.public-plan small{font-size:11px;color:var(--muted)}
.plan-note{font-size:11px;line-height:1.6;color:var(--muted);margin:12px 0 0}
.auth-assurance{margin-top:20px}.sidebar{background:linear-gradient(135deg,#160e20,#07050a 75%);border-color:var(--line)}
.sidebar .brand-window{width:170px;height:156px;aspect-ratio:auto}.sidebar .brand-window img{width:245px;height:auto;left:-37px;top:-15px;mix-blend-mode:screen}
.dashboard-content{background:#07050b}.dashboard-heading .heading-wordmark{width:260px;height:44px;aspect-ratio:auto;margin-top:12px}.heading-wordmark img{width:290px;left:-15px;top:-185px;transform:none;mix-blend-mode:screen}
.panel,.stat{background:linear-gradient(135deg,#171020,#100c16 60%,#0b080f);border-color:var(--line)}
.billing-plan{background:linear-gradient(145deg,#251536,#120d1a);border-color:#b984e345}.billing-plan.selected-plan{border-color:#d8a6ff;box-shadow:0 0 24px #a25ae320}
.dashboard-footer>span:first-child,.public-footer>span:first-child{color:#c599ed}
.attendant-form select{background:#160f20;color:#f1e6ff;border-color:#8b5bbd}
.attendant-settings summary{background:linear-gradient(125deg,#301d43,#170f21 55%,#281936);border-color:#a576d1;color:#dfbaff}.attendant-settings summary:hover{background:#2c1a40;border-color:#dcb5ff}
.settings-title{background:none;color:#dfbaff;-webkit-text-fill-color:currentColor}
.pairing-dialog{border-color:#ad7bd4;background:#140e1d}.public-footer{border-color:var(--line)}
button:focus-visible,a:focus-visible{outline:2px solid #d8aeff;outline-offset:4px}
@media(max-width:1100px) and (min-width:761px){.auth-layout{grid-template-columns:minmax(0,1fr) 360px;padding-right:24px;gap:10px}}
@media(max-width:760px){.auth-layout{display:flex;padding:0 18px 30px;gap:0}.intro{width:calc(100% + 36px);margin:0 -18px}.art-frame{max-width:420px}.auth-card{max-width:none;margin-top:-10px;padding:27px 23px}.sidebar .brand-window{width:128px;height:100px}.sidebar .brand-window img{width:175px;left:-23px;top:-17px}.dashboard-heading .heading-wordmark{width:235px;height:40px}.heading-wordmark img{width:265px;left:-14px;top:-169px}.public-plan strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Center the complete emblem and wordmark at the largest usable size. */
.auth-layout{display:flex;flex-direction:column;max-width:none;width:100%;margin:0;padding:12px 20px 56px;gap:24px;min-height:0}
.auth-layout .intro{width:100%;margin:0;align-self:center}
.auth-layout .art-frame,.aurenyx-hero .art-frame{position:relative;overflow:hidden;aspect-ratio:1168/960;margin:0 auto;width:100%;max-width:none}
.auth-layout .art-frame{width:min(100%,calc(100svh * 1.16))}
.auth-layout .brand-art,.aurenyx-hero .brand-art{position:absolute;width:109.589042%;max-width:none;height:auto;left:-4.794521%;top:-14.583333%;mix-blend-mode:screen}
.auth-layout .auth-card{width:100%;max-width:480px;margin:0;padding:32px;scroll-margin-top:24px}
.aurenyx-hero{margin:0 -30px 36px;background:transparent}
.dashboard-heading .heading-wordmark{display:none}
.dashboard-heading{margin-bottom:12px}
@media(max-width:1100px){.aurenyx-hero{margin-left:-14px;margin-right:-14px}}
@media(max-width:760px){.auth-layout{padding:10px 14px 36px;gap:24px}.auth-layout .intro{width:100%;margin:0}.auth-layout .art-frame{width:100%;max-width:none}.auth-layout .auth-card{padding:26px 22px}.aurenyx-hero{margin:0 -12px 24px}.dashboard-heading>div{flex-basis:auto}.dashboard-heading{flex-wrap:nowrap;align-items:center}.dashboard-heading .eyebrow{font-size:7px;letter-spacing:1px}}