.auth-dialog { width:min(930px, calc(100vw - 38px)); max-width:none; padding:0; border:0; border-radius:18px; background:var(--paper, #fbf9f4); color:var(--ink, #191a18); box-shadow:0 30px 100px rgba(18, 16, 12, .32); overflow:hidden; }
.auth-dialog::backdrop { background:rgba(25,26,24,.44); backdrop-filter:blur(7px); }
.auth-dialog-layout { display:grid; grid-template-columns:minmax(280px,.78fr) minmax(370px,1fr); min-height:560px; }
.auth-dialog-visual { position:relative; display:flex; align-items:flex-end; min-height:100%; padding:36px; overflow:hidden; color:#fff; background:linear-gradient(0deg,rgba(20,20,17,.62),rgba(20,20,17,.04) 75%),url('/assets/home/cirava-worktable.png') center/cover; }
.auth-dialog-visual h2 { max-width:300px; margin:8px 0 0; font-family:"Italiana",Georgia,serif; font-size:clamp(44px,5vw,66px); font-weight:400; letter-spacing:-.05em; line-height:.9; }
.auth-dialog-visual .eyebrow { color:#f4f0e8; }
.auth-dialog-panel { position:relative; display:flex; flex-direction:column; justify-content:center; padding:56px clamp(32px,5vw,68px); }
.auth-dialog-close { position:absolute; top:18px; right:20px; width:34px; height:34px; padding:0; border:0; background:transparent; color:var(--muted, #696961); font-size:25px; line-height:1; cursor:pointer; }
.auth-dialog-panel h2 { margin:9px 0 0; font-family:"Italiana",Georgia,serif; font-size:clamp(43px,4vw,58px); font-weight:400; line-height:.92; }
.auth-dialog-intro { margin:15px 0 25px; color:var(--muted, #696961); font-size:13px; line-height:1.65; }
.auth-dialog-switch { display:grid; grid-template-columns:1fr 1fr; margin-bottom:22px; border-bottom:1px solid var(--line, rgba(25,26,24,.16)); }
.auth-dialog-switch button { padding:10px 0; border:0; border-bottom:1px solid transparent; background:none; color:var(--muted, #696961); font-size:10px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; cursor:pointer; }
.auth-dialog-switch button.is-active { border-color:var(--ink, #191a18); color:var(--ink, #191a18); }
.auth-dialog-form { display:grid; gap:16px; }
.auth-dialog-form label { display:grid; gap:8px; color:var(--muted, #696961); font-size:9px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; }
.auth-dialog-form input { width:100%; height:46px; padding:0 13px; border:1px solid var(--line, rgba(25,26,24,.16)); background:rgba(255,255,255,.62); color:var(--ink, #191a18); font:inherit; font-size:13px; outline:0; }
.auth-dialog-form input:focus { border-color:var(--gold, #a88754); box-shadow:0 0 0 3px rgba(168,135,84,.12); }
.auth-dialog-form [hidden] { display:none !important; }
.auth-dialog-message { min-height:18px; margin:0; color:var(--gold-dark, #806338); font-size:12px; }
.auth-dialog-submit { min-height:49px; border:1px solid var(--ink, #191a18); background:var(--ink, #191a18); color:#fff; font-size:10px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; cursor:pointer; }
.auth-dialog-note { margin:17px 0 0; color:var(--muted, #696961); font-size:10px; line-height:1.65; }
@media (max-width:680px) { .auth-dialog { width:min(100vw - 24px, 540px); border-radius:15px; } .auth-dialog-layout { grid-template-columns:1fr; min-height:0; } .auth-dialog-visual { min-height:168px; padding:24px; } .auth-dialog-visual h2 { font-size:39px; } .auth-dialog-panel { padding:35px 25px 28px; } .auth-dialog-panel h2 { font-size:45px; } }