:root{--ink:#101828;--muted:#667085;--primary:#7357ff;--line:#e4e7ec}
body{background:#eef1f6;color:var(--ink);font-family:Inter,"Segoe UI",system-ui,sans-serif}
.page{grid-template-columns:1.05fr .95fr;padding:18px;gap:18px}
.aside{min-height:calc(100vh - 36px);padding:50px max(6vw,48px);border-radius:28px;background:radial-gradient(circle at 82% 16%,rgba(200,255,106,.22),transparent 22%),radial-gradient(circle at 10% 90%,rgba(115,87,255,.55),transparent 32%),#101828;overflow:hidden}.brand{font-size:25px}.brand i{color:#c8ff6a}
.quote h1{font-size:clamp(44px,4.5vw,68px);max-width:600px}.quote p{font-size:18px;color:#bdc5d4}.dots span:first-child{background:#c8ff6a}
.form-side{padding:45px}.box{width:min(470px,100%);padding:40px;background:#fff;border:1px solid rgba(16,24,40,.07);border-radius:26px;box-shadow:0 24px 65px rgba(16,24,40,.1)}
.back{margin-bottom:35px}.box h2,.box h1{font-size:35px;letter-spacing:-.045em}.subtitle{font-size:16px}.box input{padding:15px;border-radius:12px}.button{min-height:51px;border-radius:13px;background:linear-gradient(135deg,#7357ff,#5b3ff0);box-shadow:0 14px 28px rgba(115,87,255,.26)}
.mobile-brand i{color:var(--primary)}
@media(max-width:760px){.page{display:block;padding:0}.aside{display:none}.form-side{min-height:100vh;padding:24px 18px;align-items:center}.box{margin:auto;padding:30px 23px;border-radius:22px}.mobile-brand{margin-bottom:30px}.back{margin-bottom:30px}}