.ville-auth{color:#f3f1ed;background:#111216;grid-template-columns:1fr 1fr;min-height:100dvh;font-family:Arial,Helvetica,sans-serif;display:grid}.auth-art{background:radial-gradient(at 65% 45%,#624b43 0,#2e2828 45%,#211f22 80%);flex-direction:column;justify-content:space-between;min-height:100dvh;padding:42px 52px;display:flex;position:relative;overflow:hidden}.auth-brand{color:#fff;letter-spacing:3px;z-index:1;align-items:center;gap:12px;font-size:21px;font-weight:800;text-decoration:none;display:flex;position:relative}.auth-brand span{color:#201b1a;letter-spacing:0;background:#ffae90;border-radius:10px;place-items:center;width:38px;height:40px;display:grid}.auth-record{aspect-ratio:1;background:repeating-radial-gradient(circle,#141314 0 2px,#292325 3px 4px,#141314 5px 7px);border-radius:50%;place-items:center;width:90%;display:grid;position:absolute;top:16%;right:-19%;transform:rotate(-18deg);box-shadow:-30px 30px 70px #0008}.auth-record:after{content:"";background:conic-gradient(from 30deg,#0000,#ffffff1c,#0000 25%,#ffffff0c,#0000 60%,#ffffff16,#0000);border-radius:50%;position:absolute;inset:0}.auth-label{color:#292023;aspect-ratio:1;text-align:center;background:#efab91;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:35%;display:flex}.auth-label strong{font-size:clamp(14px,1.5vw,23px)}.auth-label small{letter-spacing:2px;font-size:12px}.auth-label svg{width:30px;height:30px}.auth-art-copy{z-index:1;margin-top:450px;position:relative}.auth-art-copy>span{letter-spacing:2px;color:#e7b7a6;font-size:12px}.auth-art-copy h2{letter-spacing:-2px;margin:20px 0;font-size:clamp(36px,4vw,60px);font-weight:700;line-height:1.08}.auth-art-copy p{color:#c2b4b0;font-size:16px;line-height:1.6}.auth-panel{justify-content:center;align-items:center;padding:56px 8%;display:flex}.auth-box{width:100%;max-width:430px}.auth-kicker{letter-spacing:1.7px;color:#c2b8b4;align-items:center;gap:10px;font-size:12px;display:flex}.auth-kicker span{background:#ffae90;border-radius:50%;width:6px;height:6px}.auth-box h1{letter-spacing:-1.6px;margin:20px 0 16px;font-family:inherit;font-size:42px;font-weight:700;line-height:1.13}.auth-box>p{color:#b4b5be;margin-bottom:34px;font-size:16px;line-height:1.65}.auth-box fieldset{border:0;min-width:0;margin:0;padding:0}.auth-box label{margin:0 0 20px;font-size:15px;font-weight:600;display:block}.auth-box [data-slot=input]{color:#f3f1ed;background:#1b1d24;border:1px solid #3b3d47;border-radius:10px;height:52px;margin-top:9px;padding:0 15px;font-size:16px}.auth-box [data-slot=input]::placeholder{color:#9294a2}.auth-password{position:relative}.auth-password input{padding-right:52px!important}.auth-password>button{color:#b7b8c2;place-items:center;width:48px;height:52px;display:grid;position:absolute;top:0;right:0}.auth-forgot{color:#ffbda5;margin:-3px 0 25px auto;font-size:14px;display:block}.auth-submit[data-slot=button]{color:#211b19;background:#ffae90;border-radius:10px;justify-content:space-between;width:100%;height:52px;margin-top:12px;padding:0 18px;font-size:16px;display:flex}.auth-switch{text-align:center;color:#b4b5be;margin-top:26px;font-size:15px;line-height:1.7}.auth-switch button{color:#ffbda5;align-items:center;gap:8px;font-weight:600;display:inline-flex}.auth-box footer{color:#999ca9;text-align:center;margin-top:56px;font-size:13px}.auth-error{color:#ffc2c7;background:#422428;border:1px solid #7c434b;border-radius:8px;padding:14px;font-size:15px;line-height:1.5}.auth-success{color:#c1efd1;background:#1f332b;border:1px solid #3d604d;border-radius:12px;gap:12px;padding:20px;font-size:16px;line-height:1.6;display:flex}.auth-success p{margin:0}.auth-success svg{margin-top:3px}.auth-mobile-brand{display:none}@media (max-width:800px){.ville-auth{grid-template-columns:1fr}.auth-art{display:none}.auth-panel{min-height:100dvh;padding:36px 24px}.auth-mobile-brand{letter-spacing:3px;color:#ffae90;margin-bottom:56px;font-size:20px;font-weight:800;display:block}.auth-box h1{font-size:36px}.auth-box footer{margin-top:40px}}@media (prefers-reduced-motion:reduce){.ville-auth .animate-spin{animation:none}}