.auth{background:radial-gradient(50% 40% at 50% 0%, color-mix(in srgb, var(--art-shine) 14%, transparent), transparent 70%), radial-gradient(45% 35% at 50% 100%, color-mix(in srgb, var(--art-mid) 45%, transparent), transparent 70%), var(--auth-stage);place-items:center;min-height:100dvh;padding:24px;display:grid}.auth-frame{--auth-frame-h:min(760px, calc(100dvh - 48px));width:min(1180px,100%);min-height:var(--auth-frame-h);background:color-mix(in srgb, var(--art-shine) 6%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--art-shine) 10%, transparent), 0 40px 80px #00000073;border-radius:34px;grid-template-columns:minmax(380px,.9fr) minmax(0,1.1fr);padding:12px;display:grid}.auth-main{z-index:1;background:linear-gradient(170deg, var(--surface) 30%, color-mix(in srgb, var(--art-bright) 10%, var(--surface)));box-shadow:0 0 0 1px var(--border), 12px 0 40px #00000040;border-radius:24px;justify-content:center;align-items:center;padding:48px 40px;display:flex;position:relative}.auth-main:has(.tab-panel){padding-top:max(48px, calc((var(--auth-frame-h) - 396px) / 2));align-items:flex-start}.auth-column{width:100%;max-width:360px;animation:rise .35s var(--ease)}.auth-column>.brand{margin-bottom:28px}.auth-card h1{font-size:var(--fs-2xl);font-weight:650}.auth-card>p{min-height:2lh;word-break:auto-phrase;margin:6px 0 24px}.auth-card .alert{margin-bottom:18px}.auth-card form{gap:16px}.auth-card .tabs{margin:0 0 24px}.auth-card h1+.tabs{margin-top:20px}.auth-card .btn-block{margin-top:8px}.auth-card .tab-panel form{min-height:223px}.auth-card .tab-panel .btn-block{margin-top:auto}.auth-switch{text-align:center;font-size:var(--fs-sm);color:var(--muted);margin-top:24px}.auth-switch a{font-weight:600}.auth .empty-page{padding-top:0}.auth-art{background:radial-gradient(80% 60% at 45% 55%, color-mix(in srgb, var(--art-mid) 55%, transparent), transparent), var(--art-deep);border-radius:0 24px 24px 0;margin-left:-28px;position:relative;overflow:hidden}.auth-art:after{content:"";pointer-events:none;background:radial-gradient(120% 90% at 60% 45%, transparent 55%, color-mix(in srgb, var(--art-deep) 70%, transparent));position:absolute;inset:0}.auth-art-canvas{opacity:0;width:100%;height:100%;transition:opacity .6s var(--ease);display:block;position:absolute;inset:0}.auth-art-canvas.is-ready{opacity:1}.auth-art-canvas.is-interactive{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.auth-art-canvas.is-pointing{cursor:pointer}.auth-art-canvas.is-dragging{cursor:grabbing}@media (width<=900px){.auth{place-items:stretch stretch;padding:0}.auth-frame{min-height:100dvh;box-shadow:none;border-radius:0;grid-template-columns:1fr;padding:0}:is(.auth-main,.auth-main:has(.tab-panel)){box-shadow:none;border-radius:0;align-items:flex-start;padding:48px 20px}.auth-art{display:none}}
