.auth{--or:#ff5c1a;--dk:#0e0d0c;--md:#4a4540;--mu:#9b9590;--bd:#e8e4df;--sf:#f7f5f2;-webkit-font-smoothing:antialiased;background:#fff;grid-template-columns:1fr 1fr;min-height:100vh;font-family:DM Sans,sans-serif;display:grid}.auth *{box-sizing:border-box;margin:0;padding:0}.auth .side{background:var(--dk);color:#fff;flex-direction:column;justify-content:space-between;padding:56px 56px 48px;display:flex;position:relative;overflow:hidden}.auth .side:after{content:"";filter:blur(20px);background:#ff5c1a2e;border-radius:50%;width:560px;height:560px;position:absolute;bottom:-200px;right:-200px}.auth .side .brand{color:#fff;letter-spacing:-.3px;z-index:1;font-family:Neulis,serif;font-size:24px;text-decoration:none;position:relative}.auth .side .brand b{color:var(--or);font-weight:400}.auth .side .pitch{z-index:1;max-width:440px;position:relative}.auth .side .pitch .pill{color:var(--or);letter-spacing:2.5px;text-transform:uppercase;background:#ff5c1a26;border-radius:100px;margin-bottom:28px;padding:6px 14px;font-size:11px;font-weight:500;display:inline-block}.auth .side h2{letter-spacing:-1.2px;margin-bottom:20px;font-family:Neulis,serif;font-size:clamp(36px,4vw,52px);font-weight:400;line-height:1.06}.auth .side h2 i{color:var(--or);font-style:italic}.auth .side p{color:#ffffffbf;font-size:15px;font-weight:300;line-height:1.7}.auth .side .quote{z-index:1;color:#fff9;border-top:1px solid #ffffff26;max-width:380px;padding-top:24px;font-size:13px;line-height:1.7;animation:.6s quoteFade;position:relative}@keyframes quoteFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.auth .side .quote b{color:#fff;margin-top:8px;font-weight:500;display:block}.auth .panel{justify-content:center;align-items:center;padding:48px 32px;display:flex}.auth .form{width:100%;max-width:420px}.auth .back{color:var(--mu);margin-bottom:32px;font-size:13px;text-decoration:none;transition:color .2s;display:inline-block}.auth .back:hover{color:var(--or)}.auth h1{letter-spacing:-1px;color:var(--dk);margin-bottom:12px;font-family:Neulis,serif;font-size:clamp(32px,4vw,44px);font-weight:400;line-height:1.05}.auth h1 i{color:var(--or);font-style:italic}.auth .sub{color:var(--md);margin-bottom:32px;font-size:15px;font-weight:300}.auth .tabs{background:var(--sf);border-radius:100px;margin-bottom:28px;padding:4px;display:flex}.auth .tabs button{color:var(--md);cursor:pointer;background:0 0;border:none;border-radius:100px;flex:1;padding:10px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:all .2s}.auth .tabs button.on{color:var(--dk);background:#fff;box-shadow:0 2px 8px #0000000f}.auth .field{margin-bottom:16px}.auth label{color:var(--md);letter-spacing:.2px;margin-bottom:8px;font-size:12px;font-weight:500;display:block}.auth input{border:1px solid var(--bd);width:100%;color:var(--dk);background:#fff;border-radius:14px;outline:none;padding:14px 16px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .2s}.auth input:focus{border-color:var(--or)}.auth input::placeholder{color:var(--mu)}.auth .row{justify-content:space-between;align-items:center;margin-bottom:24px;font-size:13px;display:flex}.auth .row label{color:var(--md);cursor:pointer;align-items:center;gap:8px;margin:0;font-weight:400;display:flex}.auth .row input[type=checkbox]{width:16px;height:16px;accent-color:var(--or)}.auth .row a{color:var(--or);text-decoration:none}.auth .submit{background:var(--or);color:#fff;cursor:pointer;border:none;border-radius:100px;width:100%;margin-bottom:20px;padding:16px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:500;transition:background .2s}.auth .submit:hover{background:#e84d10}.auth .divider{color:var(--mu);align-items:center;gap:16px;margin:24px 0;font-size:12px;display:flex}.auth .divider:before,.auth .divider:after{content:"";background:var(--bd);flex:1;height:1px}.auth .social{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px;display:grid}.auth .social button{border:1px solid var(--bd);color:var(--dk);cursor:pointer;background:#fff;border-radius:100px;padding:12px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:border-color .2s}.auth .social button:hover{border-color:var(--dk)}.auth .hint{color:var(--mu);text-align:center;margin-top:14px;font-size:12px;line-height:1.6}.auth .support{background:var(--sf);color:var(--md);border-radius:100px;align-items:center;gap:8px;margin-top:28px;padding:10px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.auth .support:hover{background:var(--dk);color:#fff}.auth .linkish{color:var(--or);font-family:inherit;font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:500;text-decoration:none}.auth .linkish:hover{text-decoration:underline}.auth .alert{border:1px solid #0000;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:flex-start;gap:12px;margin-bottom:20px;padding:14px 14px 14px 16px;animation:.25s alertIn;display:grid}.auth .alert.error{color:#7a2d0e;background:#fff1ec;border-color:#ffd4c2}.auth .alert.success{color:#0e5a2e;background:#ecfbf2;border-color:#bfeacf}.auth .alert-ico{background:#fff9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.auth .alert.error .alert-ico{color:var(--or)}.auth .alert.success .alert-ico{color:#0e5a2e}.auth .alert-body{min-width:0}.auth .alert-body strong{font-family:Neulis,serif;font-size:15px;font-weight:500;line-height:1.3;display:block}.auth .alert-body p{opacity:.85;margin-top:4px;font-size:13px;line-height:1.5}.auth .alert-cta{color:inherit;cursor:pointer;background:0 0;border:none;padding:8px 0 0;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;text-decoration:underline}.auth .alert-close{color:inherit;opacity:.5;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:4px;transition:opacity .2s}.auth .alert-close:hover{opacity:1}@keyframes alertIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.auth .footnote{color:var(--md);text-align:center;margin-top:20px;font-size:13px;line-height:1.6}@media(max-width:900px){.auth{grid-template-columns:1fr}.auth .side{display:none}.auth .panel{min-height:100vh;padding:32px 20px}.auth .form{max-width:100%}.auth h1{font-size:32px}}@media(max-width:480px){.auth .back{margin-bottom:24px}.auth .alert{border-radius:14px;gap:10px;padding:12px}.auth .alert-body strong{font-size:14px}.auth input{padding:13px 14px;font-size:16px}.auth .submit{padding:15px;font-size:15px}}
