:root{--gutter: 16px;--container-width: calc(100% - (var(--gutter) * 2));--header-top-height: 96px;--header-left-width: 280px}*{box-sizing:border-box}section{display:grid;place-items:center;font-family:Inter,sans-serif;height:calc(100vh - 64px)}.auth-shell{width:min(700px,92vw);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 20px 60px #0003;display:grid;grid-template-columns:.6fr 1fr}.left{position:relative;background:#0b0f1a}.left video,.left img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.left .brand{position:absolute;left:28px;bottom:24px;color:#fff;font-weight:300;letter-spacing:5px;font-size:14px}.right{padding:32px 36px;display:flex;flex-direction:column;gap:14px;position:relative}.right .head{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.right .head header{width:100%;color:#000;font-size:20px;font-family:Inter,Arial,sans-serif;font-style:normal;font-weight:600;line-height:135%;text-align:center}.right .head p{width:100%;color:#000;font-size:12px;font-family:Inter;font-style:normal;font-weight:400;line-height:150%;text-align:center;color:#333}.right .head .trust-wrapper{display:inline-flex;align-items:center;gap:8px}.right .head .dots{display:inline-flex;align-items:center;font-size:0}.right .head .dot{width:28px;height:28px;border-radius:50%;display:inline-block;position:relative;border:2px solid #ffffff;box-shadow:0 6px 18px #0000000f}.right .head .dot+.dot{margin-left:-10px}.right .head .dot-a{z-index:3;background:linear-gradient(135deg,#60a5fa,#2563eb)}.right .head .dot-b{z-index:2;background:linear-gradient(135deg,#9333ea,#7c3aed)}.right .head .dot-c{z-index:1;background:linear-gradient(135deg,#6366f1,#4f46e5)}.right .head .dot-b:after{content:"";position:absolute;inset:-6px;border-radius:50%;filter:blur(8px);opacity:.12;background:radial-gradient(circle,#7c3aed 0%,transparent 40%);pointer-events:none;z-index:-1}.right .head .trust-text{color:#000;font-size:12px;font-family:Inter;font-style:normal;font-weight:400;line-height:150%;color:#333}.google-btn{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #e5e7eb;background:#fff;padding:12px 16px;border-radius:10px;cursor:pointer;color:#000;font-size:14px;font-family:Inter;font-style:normal;font-weight:600;line-height:150%;color:#333}.google-btn:hover{box-shadow:0 6px 18px #00000014}.google-btn:active{transform:translateY(1px)}.google-btn i{font-size:18px}.form{display:flex;flex-direction:column;gap:10px}label{color:#000;font-size:14px;font-family:Inter;font-style:normal;font-weight:400;line-height:150%;color:#333;letter-spacing:.2px}input{width:100%;padding:12px 14px;border:1px solid #e5e7eb;border-radius:4px;font-size:16px;outline:none;margin-bottom:15px}input:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11f}.hint-or{font-size:14px;color:#333;text-align:center;margin:0}.primary{margin-top:20px;display:inline-flex;align-items:center;justify-content:center;border:none;background:#000;color:#fff;padding:14px 16px;border-radius:4px;font-weight:700;cursor:pointer}.primary:hover{opacity:.9}.primary:active{transform:translateY(1px)}.disabled{background:#b3b3b3!important}.disabled-input{opacity:.6!important}.terms{width:100%;font-size:14px;color:#333}.terms a{font-size:14px;color:#333;font-weight:600}.input-with-btn{display:flex;align-items:stretch}.input-with-btn input{flex:1;border-radius:4px 0 0 4px;margin-bottom:0}.input-with-btn .code-btn{background:#000;color:#fff;border:none;padding:0 16px;font-size:13px;font-weight:600;border-radius:0 4px 4px 0;cursor:pointer;display:flex;align-items:center}@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.left{display:none}}