.auth-body{min-height:100vh;background:linear-gradient(135deg,#f7f6ff,#ede9fe);color:#111827;font-family:Montserrat,Inter,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column}@media(min-width:992px){.auth-body{height:100vh;overflow:hidden}}.auth-topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 48px;flex-shrink:0}.auth-logo{display:inline-flex;align-items:center;gap:10px;color:#111827;font-weight:800;font-size:16px;text-decoration:none}.auth-logo-icon{width:32px;height:32px;background:#5b5fef;color:#fff;border-radius:10px;display:inline-flex;align-items:center;justify-content:center}.auth-logo-icon svg{width:16px;height:16px}.auth-topbar-right{font-size:14px;color:#64748b}.auth-topbar-right a{color:#5b5fef;font-weight:600;text-decoration:none;margin-left:4px}.auth-main{display:flex;align-items:center;justify-content:center;padding:0 48px 24px;flex:1;min-height:0}.auth-split{display:flex;align-items:center;width:100%;max-width:1100px;gap:48px}.auth-left{flex:1;min-width:0}.auth-left h1{font-size:36px;font-weight:900;line-height:1.15;margin-bottom:10px;color:#111827}.auth-left h1 .wave{font-weight:400}.auth-left p{color:#64748b;font-size:15px;line-height:1.5;max-width:400px}.auth-features{list-style:none;padding:0;margin:24px 0 0;display:flex;flex-direction:column;gap:16px}.auth-features li{display:flex;align-items:flex-start;gap:14px}.auth-feature-icon{width:42px;height:42px;border-radius:50%;background:#fff;color:#5b5fef;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 20px #5b5fef1a}.auth-feature-icon svg{width:18px;height:18px}.auth-feature-text strong{display:block;font-weight:700;font-size:15px;margin-bottom:2px;color:#111827}.auth-feature-text span{color:#64748b;font-size:13px;line-height:1.45}.auth-preview{position:relative;height:160px;margin-top:24px;max-width:340px}.auth-preview-card{position:absolute;width:170px;height:215px;background:#fff;border-radius:16px;box-shadow:0 18px 46px #0000001f;padding:16px;box-sizing:border-box}.auth-preview-card.preview-1{left:0;top:18px;transform:rotate(-14deg) scale(.95);z-index:1;background:#f8fafc}.auth-preview-card.preview-2{left:70px;top:0;transform:rotate(-4deg) scale(.95);z-index:2;background:#fff}.auth-preview-card.preview-3{left:140px;top:24px;transform:rotate(10deg) scale(.95);z-index:1;background:#f1f5f9}.auth-preview-line{height:7px;border-radius:4px;background:#e2e8f0;margin-bottom:8px}.auth-preview-line.thin{width:55%}.auth-preview-line.avatar{width:40px;height:40px;border-radius:50%;margin-bottom:14px;background:#cbd5e1}.auth-preview:has(.auth-preview-image){height:auto}.auth-preview-image{display:block;width:100%;max-width:340px;height:auto}.auth-right{flex:1;max-width:420px;min-width:0}.auth-card{background:#fff;border-radius:24px;padding:28px;box-shadow:0 24px 70px #00000014}.auth-card h2{font-size:22px;font-weight:800;margin-bottom:6px;color:#111827}.auth-card .auth-subtitle{color:#64748b;font-size:14px;margin-bottom:20px}.auth-field{margin-bottom:14px}.auth-label{display:block;font-weight:600;font-size:13px;margin-bottom:6px;color:#111827}.auth-input-wrap{position:relative}.auth-input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8;display:inline-flex;pointer-events:none}.auth-input-icon svg{width:16px;height:16px}.auth-input-icon-right{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#94a3b8;background:none;border:none;cursor:pointer;padding:0;display:inline-flex}.auth-input-icon-right svg{width:16px;height:16px}.auth-input{width:100%;border:1px solid #e2e8f0;border-radius:12px;padding:11px 16px 11px 42px;font-size:14px;color:#111827;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}.auth-input::placeholder{color:#94a3b8}.auth-input:focus{border-color:#5b5fef;box-shadow:0 0 0 3px #5b5fef1f}.auth-input.has-right-icon{padding-right:42px}.auth-error{color:#dc2626;font-size:12px;margin-top:4px}.auth-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.auth-remember{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#374151;cursor:pointer}.auth-checkbox{width:16px;height:16px;accent-color:#5b5fef;cursor:pointer}.auth-forgot{font-size:13px;color:#5b5fef;font-weight:600;text-decoration:none}.auth-btn{width:100%;border:none;border-radius:12px;padding:12px 24px;font-size:15px;font-weight:700;background:#5b5fef;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:background .15s,transform .05s}.auth-btn:hover{background:#4f54e9}.auth-btn:active{transform:translateY(1px)}.auth-btn svg{width:16px;height:16px}.auth-divider{display:flex;align-items:center;color:#94a3b8;font-size:13px;margin:18px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#e2e8f0}.auth-divider span{padding:0 12px}.auth-socials{display:flex;flex-direction:column;gap:10px}.auth-social{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 24px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;color:#374151;font-weight:600;font-size:14px;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s}.auth-social svg{width:16px;height:16px;flex-shrink:0}.auth-social:hover{background:#f8fafc;border-color:#cbd5e1}.auth-footer-msg{display:flex;align-items:center;justify-content:center;gap:6px;color:#64748b;font-size:12px;margin-top:18px}.auth-footer-msg svg{width:14px;height:14px}.auth-hint{color:#64748b;font-size:12px;margin-top:4px;display:block}.auth-terms{font-size:13px;color:#374151;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.auth-terms a{color:#5b5fef;text-decoration:none;font-weight:600}@media(max-width:991px){.auth-split{flex-direction:column;gap:36px}.auth-left,.auth-right{max-width:520px;width:100%}.auth-preview{display:none}}@media(max-width:576px){.auth-topbar{padding:16px 24px}.auth-main{padding:0 24px 32px}.auth-card{padding:24px;border-radius:22px}.auth-left h1{font-size:30px}}@media(max-height:800px){.auth-preview{display:none}}.auth-page-register .auth-card{padding:22px 24px}.auth-page-register .auth-subtitle{margin-bottom:14px}.auth-page-register .auth-social{padding:9px 24px}.auth-page-register .auth-divider{margin:14px 0}.auth-page-register .auth-field{margin-bottom:11px}.auth-page-register .auth-input{padding:9px 16px 9px 40px}.auth-page-register .auth-hint{margin-top:2px;font-size:11px}.auth-page-register .auth-terms-row{margin-bottom:12px}.auth-page-register .auth-terms-error{margin-left:10px}.auth-page-register .auth-btn{padding:11px 24px}.auth-page-register .auth-register-footer{margin-top:12px;padding:8px 12px;background:#f8fafc;border-radius:10px}