:root{--violet:#7052f5;--violet-dark:#5638dd;--mint:#19c6a0;--ink:#121826;--muted:#697386;--line:#e7eaf1}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--ink)}.auth-page{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 5% 0,#7052f526,transparent 30%),radial-gradient(circle at 95% 90%,#19c6a020,transparent 30%),#f7f8fc}.auth-card{width:min(980px,100%);display:grid;grid-template-columns:.85fr 1.15fr;background:#fff;border:1px solid var(--line);border-radius:30px;overflow:hidden;box-shadow:0 30px 100px #17213a18}.auth-brand-side{position:relative;overflow:hidden;min-height:610px;padding:43px;background:linear-gradient(145deg,#5639d9,#795dff 58%,#18bfa0);color:#fff;display:flex;flex-direction:column;justify-content:space-between}.auth-brand-side:after{content:'';position:absolute;width:350px;height:350px;right:-160px;bottom:-170px;border:70px solid #ffffff10;border-radius:50%}.auth-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:900;position:relative;z-index:1}.auth-brand i{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:#ffffff20;font-style:normal}.auth-brand b{color:#dcd5ff}.auth-message{position:relative;z-index:1}.auth-message>span,.auth-form-side>span{font-size:.7rem;letter-spacing:.13em;font-weight:900}.auth-message>span{color:#ddd7ff}.auth-message h1{font-size:clamp(2.2rem,4vw,3.5rem);line-height:1.05;letter-spacing:-.045em;font-weight:900;margin:11px 0 17px}.auth-message p{color:#ece9ff;line-height:1.65}.auth-benefits{position:relative;z-index:1;display:grid;gap:10px;font-size:.77rem;color:#f1efff}.auth-form-side{padding:48px}.auth-form-side>span{color:var(--violet)}.auth-form-side h2{font-size:2rem;font-weight:900;letter-spacing:-.035em;margin:7px 0}.auth-form-side>p{color:var(--muted);margin-bottom:28px}.auth-form-side label{display:block;font-size:.77rem;font-weight:800;color:#4c576a;margin-bottom:6px}.auth-form-side input{width:100%;border:1px solid #dfe4ed;border-radius:12px;padding:.82rem .9rem;font:inherit;outline:0}.auth-form-side input:focus{border-color:var(--violet);box-shadow:0 0 0 .2rem #7052f51b}.auth-field{margin-bottom:16px}.auth-submit{width:100%;border:0;border-radius:13px;padding:14px;background:linear-gradient(135deg,var(--violet),var(--violet-dark));color:#fff;font-weight:900;font-size:.95rem;cursor:pointer;box-shadow:0 12px 28px #7052f53b}.auth-switch{text-align:center;color:#7d8798;font-size:.8rem;margin-top:20px}.auth-switch a{color:var(--violet);font-weight:800;text-decoration:none}.auth-back{display:inline-block;margin-top:23px;color:#7d8798;text-decoration:none;font-size:.76rem}.auth-trial{display:flex;align-items:center;gap:9px;margin:15px 0 25px;padding:11px 13px;background:#f0edff;border-radius:12px;color:#6545df;font-size:.76rem;font-weight:800}.auth-error{background:#fff0f1;color:#a52c38;border:1px solid #ffd2d7;border-radius:12px;padding:11px 13px;margin-bottom:17px;font-size:.82rem}@media(max-width:850px){.auth-card{grid-template-columns:1fr}.auth-brand-side{min-height:320px}.auth-form-side{padding:32px}}@media(max-width:520px){.auth-page{padding:10px}.auth-card{border-radius:22px}.auth-brand-side{padding:28px;min-height:280px}.auth-form-side{padding:27px}}