body{background:radial-gradient(circle at 10% 30%,#e4f5ff,transparent 40%),radial-gradient(circle at 90% 40%,#f4e9ff,transparent 50%),#fbfbff;min-height:100vh}header{max-width:1150px;margin:auto;padding:25px;display:flex;align-items:center;justify-content:space-between}header>a:last-child{font-size:13px;color:#777}header .brand{font-size:28px;font-weight:700}main{max-width:1100px;margin:50px auto;padding:0 24px;display:grid;grid-template-columns:1fr 460px;gap:80px;align-items:center}aside h1{font-size:clamp(36px,4vw,58px);line-height:1.3}aside p{color:#747b94;line-height:1.9}.card{padding:38px;background:white;border-radius:28px;box-shadow:0 25px 80px #7163ac1a;border:1px solid #efedfa}.card h2{text-align:center;font-size:28px;margin:0}.card>p{text-align:center;color:#8188a1;font-size:13px}.providers{display:grid;gap:10px;margin-top:25px}button{font-family:inherit;cursor:pointer}.providers button{padding:12px;border-radius:12px;border:1px solid #e5e5ef;background:white;font-size:15px}.providers .line{border-color:#06c755;color:#06a94a}.providers .facebook{color:#1877f2}.providers .google{color:#4285f4}.separator{text-align:center;margin:24px 0;color:#9296a9;font-size:12px}.tabs{display:grid;grid-template-columns:1fr 1fr;background:#f2f1fa;padding:4px;border-radius:12px;margin-bottom:23px}.tabs button{padding:10px;border:0;border-radius:9px;background:transparent}.tabs button.active{background:white;color:#714bf1;box-shadow:0 2px 9px #7772ae22}label{display:block;font-size:13px;margin-bottom:8px}input{width:100%;box-sizing:border-box;border:1px solid #dcdfea;border-radius:12px;padding:14px;font:inherit;outline:none}input:focus{border-color:#7451ec}.primary{width:100%;background:linear-gradient(110deg,#526ef5,#9d46ec);color:white;border:0;border-radius:12px;padding:14px;margin-top:18px;font-size:15px}.primary:disabled{opacity:.5}.link{border:0;background:none;color:#7253df;margin:12px 10px 0 0}.card small{display:block;text-align:center;color:#9699ac;font-size:11px;margin-top:24px}#message{color:#b83c63;font-size:12px;min-height:20px}#message.ok{color:#22845a}[hidden]{display:none!important}@media(max-width:800px){main{grid-template-columns:1fr;max-width:530px;gap:25px;margin:10px auto}aside{text-align:center}aside h1{font-size:32px}.card{padding:28px 22px}}