.account-panel{display:grid;gap:12px;padding:5px 0 8px}
.account-auth,.account-signed-in,.account-preview-note,.account-section{border:1px solid #2d2b34;border-radius:15px;background:linear-gradient(150deg,#1b1a21,#17171c);padding:14px}
.account-auth-heading{margin:0 0 13px}
.account-auth-heading h4,.account-preview-note h4,.account-section h4{margin:4px 0 4px;color:var(--ink);font-size:15px;line-height:1.25;letter-spacing:-.02em}
.account-auth-heading p,.account-preview-note p,.account-section p,.account-verification p{margin:0;color:#aaa8b2;font-size:11px;line-height:1.5}
.account-eyebrow{display:block;color:#8f8e98;font:600 9px var(--mono);letter-spacing:.09em;text-transform:uppercase}
.account-google-button,.account-primary-button,.account-secondary-button{width:100%;min-height:42px;border:1px solid transparent;border-radius:10px;display:flex;justify-content:center;align-items:center;gap:9px;font:700 12px var(--sans);cursor:pointer;transition:background-color .16s,border-color .16s,transform .16s,color .16s}
.account-google-button{background:#f3f2ee;color:#17171c}
.account-google-button:hover{background:#fff;transform:translateY(-1px)}
.google-g{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#4285f4;font:800 13px Arial,sans-serif;box-shadow:0 1px 3px #0003}
.account-primary-button{background:var(--hot);color:#fff}
.account-primary-button:hover{background:#ff5872;transform:translateY(-1px)}
.account-secondary-button{margin-top:10px;background:#25242c;color:#e8e6ec;border-color:#3c3944}
.account-secondary-button:hover{background:#302e38;border-color:#5d5664}
.account-primary-button:disabled,.account-secondary-button:disabled,.account-google-button:disabled{opacity:.58;cursor:wait;transform:none}
.account-divider{display:flex;align-items:center;gap:9px;margin:12px 0;color:#777681;font-size:9px}
.account-divider:before,.account-divider:after{content:'';height:1px;background:#302f37;flex:1}
.account-email-form{display:grid;gap:7px}
.account-email-form label{margin-top:2px;color:#c9c7cf;font-size:10px;font-weight:600}
.account-email-form input{width:100%;height:40px;padding:0 11px;border:1px solid #3a3842;border-radius:9px;background:#111115;color:var(--ink);font:500 12px var(--sans);outline:none}
.account-email-form input::placeholder{color:#777681}
.account-email-form input:focus-visible{border-color:#8c8794;outline:2px solid #8fc3ff;outline-offset:1px}
.account-email-form input:disabled{opacity:.65}
.account-email-form .account-primary-button{margin-top:4px}
.account-auth-links{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:7px 12px;margin-top:10px}
.account-link-button{border:0;background:none;color:#d5d2dc;text-decoration:underline;text-underline-offset:3px;font:600 10px var(--sans);padding:6px 2px;cursor:pointer}
.account-link-button:hover{color:#fff}
.account-link-button:focus-visible,.account-google-button:focus-visible,.account-primary-button:focus-visible,.account-secondary-button:focus-visible{outline:2px solid #8fc3ff;outline-offset:2px}
.account-link-button:disabled{opacity:.6;cursor:wait}
.account-status{margin:11px 0 0;padding:9px 10px;border-radius:9px;background:#24232b;color:#d6d3dc;font-size:10px;line-height:1.45}
.account-status:focus{outline:2px solid #8fc3ff;outline-offset:2px}
.account-status-error{background:#311c23;color:#ffb4c0;border:1px solid #61303b}
.account-status-success{margin:12px 0 0;background:#192a25;color:#a9edce;border:1px solid #2d4d40}
.account-signed-in{padding:12px}
.account-identity{display:flex;align-items:center;gap:10px;min-width:0}
.account-avatar{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:50%;background:#35202a;color:#ff8da2;font:700 13px var(--sans)}
.account-identity strong{display:block;max-width:100%;overflow-wrap:anywhere;color:#efedf2;font-size:12px;margin-top:3px}
.account-verification{margin:12px 0 0;padding:11px;border:1px solid #4b3d2b;border-radius:10px;background:#29231a}
.account-verification .account-link-button{margin:5px 9px 0 0}
.account-section{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px}
.account-section-copy{min-width:0;flex:1}
.account-section-actions{display:grid;gap:8px;width:min(220px,42%);flex:none}
.account-section-actions>.account-primary-button,.account-section-actions>.account-secondary-button{width:100%;min-width:0;margin:0;padding:0 10px}
.account-trial-section{border-color:#55404b;background:linear-gradient(145deg,#211b22,#17171c)}
.account-trial-section .account-muted-note{max-width:620px}
.trial-start-button{min-height:42px}
.account-section-copy h4{font-size:13px;margin-top:4px}
.account-section-copy p{margin-top:3px}
.account-section>.account-primary-button,.account-section>.account-secondary-button{width:auto;min-width:110px;flex:none;margin:0;padding:0 12px}
.account-section .account-muted-note{font-size:9px;color:#85838d;margin-top:7px}
.account-preview-note{padding:15px}
.account-loading{padding:16px;text-align:center;color:#c0bdc7;font-size:12px}
@media(max-width:420px){.account-section{align-items:flex-start;flex-direction:column}.account-section-actions{width:100%}}
@media(max-width:360px){.account-section{align-items:flex-start;flex-direction:column}.account-section-actions{width:100%}.account-section>.account-primary-button,.account-section>.account-secondary-button{width:100%}.account-auth,.account-signed-in,.account-preview-note,.account-section{padding:12px}}
@media(prefers-reduced-motion:reduce){.account-google-button,.account-primary-button,.account-secondary-button{transition:none!important;transform:none!important}}