.auth{background:var(--ivory);grid-template-columns:1.05fr 1fr;min-height:100svh;display:grid}.auth .side{color:#fff8ee;background:#1c1713;flex-direction:column;justify-content:space-between;min-height:100svh;padding:2.5rem;display:flex;position:relative;overflow:hidden}.auth .side video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.auth .veil{background:linear-gradient(#140f0b73 0%,#140f0b26 40%,#140f0bd9 100%);position:absolute;inset:0}.auth .brand{font-family:var(--serif);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:.8rem;font-size:2.2rem;display:inline-flex;position:relative}.auth .quote{font-family:var(--serif);margin:0;font-size:clamp(3rem,5vw,5.5rem);font-weight:300;line-height:1;position:relative}.auth .quote span{display:block}.auth .quote em{color:#e6cfa2}.auth .panel{align-content:center;padding:4.5rem 2rem 2rem;display:grid;position:relative}.auth .back{color:var(--ink-soft);transition:color .2s var(--ease), transform .3s var(--ease);font-size:.95rem;position:absolute;top:1.75rem;left:2rem}.auth .back:hover{color:var(--gold);transform:translate(-4px)}.auth .inner{width:min(100%,29rem);margin-inline:auto}.auth .ttl{font-family:var(--serif);margin:0 0 .5rem;font-size:clamp(3.5rem,6vw,5.5rem);font-weight:300;line-height:1;overflow:hidden}.auth .ttl span{display:inline-block}.auth .sub{color:var(--ink-soft);margin:0 0 1.75rem}.auth .offer{color:var(--ink);background:#efe5d2;border-radius:.6rem;margin:0 0 1.25rem;padding:.8rem 1rem;font-size:.95rem}.auth .offer b{letter-spacing:.08em;color:var(--gold)}.auth .google{border:1px solid var(--line);width:100%;min-height:3.5rem;color:var(--ink);font:inherit;cursor:pointer;transition:transform .25s var(--ease), box-shadow .25s var(--ease), border-color .25s var(--ease);background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:.8rem;font-size:1rem;font-weight:500;display:flex}.auth .google:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 10px 24px #1c17131f}.auth .or{color:var(--ink-soft);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:1rem;margin:1.5rem 0;font-size:.85rem;display:flex}.auth .or:before,.auth .or:after{content:"";background:var(--line);flex:1;height:1px}.auth .form{gap:1.1rem;display:grid}.auth .f{position:relative}.auth .f input{width:100%;height:3.6rem;font:inherit;color:var(--ink);border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;outline:0;padding:1.35rem 0 .2rem;font-size:1.1rem}.auth .f label{color:var(--ink-soft);pointer-events:none;transition:transform .3s var(--ease), color .3s var(--ease);transform-origin:0;position:absolute;top:1.05rem;left:0}.auth .f input:focus+label,.auth .f input:not(:placeholder-shown)+label{color:var(--gold);transform:translateY(-.95rem)scale(.78)}.auth .f i{background:var(--gold);transform-origin:0;width:100%;height:2px;transition:transform .45s var(--ease);position:absolute;bottom:0;left:0;transform:scaleX(0)}.auth .f input:focus~i{transform:scaleX(1)}.auth .f.bad input{border-color:#b3402f}.auth .f.bad label{color:#b3402f}.auth .eye{font:inherit;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;font-size:.85rem;position:absolute;top:1.1rem;right:0}.auth .eye:hover{color:var(--gold)}.auth .meter{color:var(--ink-soft);grid-template-columns:repeat(4,1fr) auto;align-items:center;gap:.35rem;margin-top:-.4rem;font-size:.85rem;display:grid}.auth .meter b{background:var(--line);height:4px;transition:background .3s var(--ease);border-radius:2px}.auth .meter b.on{background:var(--gold)}.auth .meter span{margin-left:.6rem}.auth .row{flex-wrap:wrap;justify-content:space-between;gap:1rem;font-size:.95rem;display:flex}.auth .chk{color:var(--ink-soft);cursor:pointer;align-items:start;gap:.7rem;font-size:.95rem;display:flex}.auth .chk input{accent-color:var(--gold);width:1.1rem;height:1.1rem;margin-top:.2rem}.auth .lnk,.auth .swap a{color:var(--gold);border-bottom:1px solid}.auth .go{width:100%;margin-top:.4rem}.auth .swap{text-align:center;margin:1.5rem 0 .5rem}.auth .demo{text-align:center;color:var(--ink-soft);margin:0;font-size:.85rem}@media (width<=860px){.auth{grid-template-columns:1fr}.auth .side{min-height:24svh;padding:1.25rem 1.5rem}.auth .quote{font-size:2.4rem}.auth .brand{font-size:1.6rem}.auth .panel{padding-top:4rem}}@media (prefers-reduced-motion:reduce){.auth *{transition:none!important}}