#react-root{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:24px}.signin-shell{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:28px}.signin-card{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:40px 44px 36px;width:100%;text-align:center;position:relative;overflow:hidden}.signin-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,oklch(1 0 0 / .5),transparent 30%);mix-blend-mode:overlay;opacity:.6}.signin-card h1{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:28px;letter-spacing:-.015em;color:var(--text);margin-bottom:10px}.signin-subtitle{font-size:13px;color:var(--text2);line-height:1.55;margin-bottom:28px}.ms-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;background:var(--accent-grad);color:#fcfcfc;border:none;border-radius:var(--radius-sm);padding:14px 24px;font-family:var(--font-sans);font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 1px #ffffff59 inset,0 -1px #00000040 inset,0 8px 22px -4px oklch(from var(--accent) l c h / .55),0 0 0 1px oklch(from var(--accent) l c h / .5);transition:filter var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.ms-btn:hover{filter:brightness(1.08) saturate(1.08);transform:translateY(-1px);box-shadow:0 1px #fff6 inset,0 12px 30px -4px oklch(from var(--accent) l c h / .7),0 0 0 1px oklch(from var(--accent) l c h / .6)}.ms-btn:active{transform:scale(.98)}.signin-status{margin-top:18px;font-family:var(--font-mono);font-size:11px;color:var(--text3);min-height:18px}.signin-status.err{color:var(--red-ink)}.footer-meta{font-family:var(--font-mono);font-size:10px;color:var(--text-on-bg3);letter-spacing:.05em}@media (max-width: 600px){.signin-card{padding:28px 20px}}