:root{--blue-700:#4f5fe0;--blue-600:#5b6cf0;--blue-500:#6b7bf5;--blue-light:#818cf8;--cyan:#38bdf8;--text-dark:#1e1b2e;--text-gray:#6b7280;--border-light:#e5e7eb;--bg-input:#f3f4f6}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif}.page{width:100%;min-height:100vh;display:flex}.left-panel{color:#fff;background-color:#0000;background-image:linear-gradient(90deg,#ffffff0f 1px,#0000 1px),linear-gradient(0deg,#ffffff0f 1px,#0000 1px),linear-gradient(160deg,#4f5fe0 0%,#5b6cf0 35%,#5a8bf0 65%,#38bdf8 100%);background-position:0 0;background-repeat:repeat;background-size:60px 60px,60px 60px,100% 100%;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;flex-direction:column;flex:55%;justify-content:space-between;min-height:100vh;padding:48px 64px;display:flex;position:relative}.brand{align-items:center;gap:14px;display:flex}.brand-icon{background:#ffffff2e;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.brand-icon svg{width:24px;height:24px}.brand-text{line-height:1.1}.brand-text .name{font-size:22px;font-weight:800;display:block}.brand-text .sub{color:#ffffffb3;font-size:14px;font-weight:400;display:block}.hero{margin-top:40px}.hero h1{letter-spacing:-1px;margin-bottom:24px;font-size:56px;font-weight:800;line-height:1.1}.hero p{color:#ffffffd9;max-width:540px;margin-bottom:32px;font-size:18px;line-height:1.6}.feature-pills{flex-wrap:wrap;gap:12px;max-width:600px;display:flex}.pill{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1f;border:1px solid #fff3;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;display:inline-flex}.pill svg{flex-shrink:0;width:16px;height:16px}.footer-row{margin-top:40px}.badge{color:#fff;background:#ffffff1f;border:1px solid #fff3;border-radius:999px;align-items:center;gap:10px;padding:10px 18px;font-size:14px;font-weight:600;display:inline-flex}.dot-green{background:#34d399;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #34d39940}.right-panel{background:#fff;flex-direction:column;flex:45%;justify-content:center;padding:48px 80px;display:flex;position:relative}.dark-toggle{border:1px solid var(--border-light);color:#374151;cursor:pointer;background:#f3f4f6;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;display:inline-flex;position:absolute;top:32px;right:40px}.dark-toggle svg{width:15px;height:15px}.form-wrap{width:100%;max-width:420px;margin:0 auto}.form-wrap h2{color:var(--text-dark);margin-bottom:8px;font-size:30px;font-weight:800}.form-wrap>p.subtitle{color:var(--text-gray);margin-bottom:32px;font-size:15px}.field{margin-bottom:20px}.field label{color:var(--text-dark);margin-bottom:8px;font-size:14px;font-weight:700;display:block}.input-wrap{align-items:center;display:flex;position:relative}.input-wrap svg.icon-left{color:#9ca3af;pointer-events:none;width:18px;height:18px;position:absolute;left:16px}.input-wrap input{border:1px solid var(--border-light);background:var(--bg-input);width:100%;color:var(--text-dark);border-radius:12px;outline:none;padding:14px 16px 14px 46px;font-size:15px;transition:border-color .15s}.input-wrap input::placeholder{color:#9ca3af}.input-wrap input:focus{border-color:var(--blue-600);background:#fff}.input-wrap .toggle-eye{color:#9ca3af;cursor:pointer;background:0 0;border:none;width:18px;height:18px;padding:0;display:flex;position:absolute;right:16px}.row-between{justify-content:flex-end;margin-top:10px;display:flex}.link{color:var(--blue-600);font-size:14px;font-weight:600;text-decoration:none}.link:hover{text-decoration:underline}.btn-primary{background:linear-gradient(90deg, var(--blue-700), var(--blue-500));color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:28px;padding:16px;font-size:16px;font-weight:700;transition:opacity .15s;display:flex}.btn-primary:hover{opacity:.9}.btn-primary svg{width:18px;height:18px}.divider{align-items:center;gap:16px;margin:28px 0;display:flex}.divider:before,.divider:after{content:"";background:var(--border-light);flex:1;height:1px}.divider span{color:var(--text-gray);font-size:13px}.btn-secondary{width:100%;color:var(--text-dark);border:1px solid var(--border-light);cursor:pointer;background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:16px;font-size:16px;font-weight:700;transition:background .15s;display:flex}.btn-secondary:hover{background:#f9fafb}.btn-secondary svg{width:18px;height:18px}.signup-text{text-align:center;color:var(--text-gray);margin-top:24px;font-size:14px}.version-text{text-align:center;color:#c7cad1;margin-top:64px;font-size:13px}.form-message{border-radius:10px;margin-bottom:20px;padding:12px 16px;font-size:14px;font-weight:600}.form-message-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.form-message-success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}button:disabled{opacity:.6;cursor:not-allowed}@media (max-width:968px){.page{flex-direction:column}.left-panel{display:none}.right-panel{flex:auto;min-height:100vh;padding:48px 32px}.dark-toggle{top:16px;right:16px}}@media (max-width:640px){.right-panel{justify-content:center;min-height:100vh;padding:40px 20px 32px}.form-wrap{width:100%}.form-wrap h2{margin-bottom:6px;font-size:26px}.form-wrap>p.subtitle{margin-bottom:28px;font-size:14px}.input-wrap input,.btn-primary,.btn-secondary{padding-top:12px;padding-bottom:12px;font-size:15px}.field{margin-bottom:18px}.version-text{margin-top:40px}.dark-toggle{padding:6px 12px;font-size:13px;top:16px;right:16px}}