:root{--navy-dark: #0A1628;--dark-navy: #0F2847;--primary-blue:#2E7CF6;--cyan-accent: #00D4AA;--blue-light: #5BA0FF;--blue-pale: #E8F1FE;--coral: #FF6B6B;--amber: #F59E0B;--white: #FFFFFF;--gray-100: #F7F9FC;--gray-200: #E2E8F0;--gray-400: #94A3B8;--gray-600: #64748B;--gray-800: #1E293B;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--transition: .22s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Poppins,sans-serif;font-size:14px;line-height:1.6;background:#07111f;color:var(--gray-800);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 40% at 10% 12%,rgba(46,124,246,.16) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 90% 88%,rgba(0,212,170,.12) 0%,transparent 55%),radial-gradient(ellipse 80% 20% at 50% 100%,rgba(46,124,246,.1) 0%,transparent 60%);pointer-events:none}#bg-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.bg-float-logos{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.float-logo{position:absolute;left:var(--x);top:var(--y);width:var(--size, 32px);height:auto;opacity:.1;filter:drop-shadow(0 2px 14px rgba(46,124,246,.22));animation:float-logo-drift var(--dur, 32s) ease-in-out infinite;animation-delay:var(--d, 0s);will-change:transform}.float-logo:nth-child(odd){animation-name:float-logo-drift-alt}.float-logo:nth-child(3n){animation-name:float-logo-drift-wide}@keyframes float-logo-drift{0%,to{transform:translate(0) rotate(0)}16%{transform:translate(28px,-42px) rotate(7deg)}33%{transform:translate(-36px,18px) rotate(-5deg)}50%{transform:translate(22px,38px) rotate(6deg)}66%{transform:translate(-24px,-28px) rotate(-4deg)}83%{transform:translate(40px,12px) rotate(3deg)}}@keyframes float-logo-drift-alt{0%,to{transform:translate(0) rotate(0)}16%{transform:translate(-32px,36px) rotate(-6deg)}33%{transform:translate(38px,-22px) rotate(5deg)}50%{transform:translate(-18px,-40px) rotate(-7deg)}66%{transform:translate(30px,28px) rotate(4deg)}83%{transform:translate(-42px,-14px) rotate(-3deg)}}@keyframes float-logo-drift-wide{0%,to{transform:translate(0) rotate(0)}20%{transform:translate(52px,-24px) rotate(8deg)}40%{transform:translate(-20px,48px) rotate(-6deg)}60%{transform:translate(-48px,-20px) rotate(5deg)}80%{transform:translate(24px,32px) rotate(-5deg)}}@media(prefers-reduced-motion:reduce){.float-logo{animation:none;opacity:.07}}.card{position:relative;z-index:1;background:var(--dark-navy);border-radius:var(--radius-lg);box-shadow:0 40px 100px #0009,0 8px 32px #2e7cf626,0 0 0 1px #ffffff0f;width:100%;max-width:480px;overflow:hidden}.card-header{background:var(--dark-navy);padding:36px 40px 28px;text-align:center}.logo-symbol{width:48px;height:auto;display:block;margin:0 auto 12px}.logo-text{font-size:22px;font-weight:700;color:var(--white);letter-spacing:-.3px}.logo-sub{font-size:11px;font-weight:300;color:var(--gray-400);letter-spacing:.6px;text-transform:uppercase;margin-top:2px}.tabs{display:flex;background:var(--navy-dark);border-bottom:2px solid var(--gray-200)}.tab-btn{flex:1;padding:14px 0;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;color:var(--gray-400);background:transparent;border:none;cursor:pointer;transition:color var(--transition),background var(--transition);position:relative;letter-spacing:.2px}.tab-btn:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:var(--primary-blue);border-radius:2px 2px 0 0;transform:scaleX(0);transition:transform var(--transition)}.tab-btn.active{color:var(--white);background:var(--white);color:var(--primary-blue)}.tab-btn.active:after{transform:scaleX(1)}.panel{display:none;padding:36px 40px 40px;background:var(--white)}.panel.active{display:block}.panel-title{font-size:22px;font-weight:700;color:var(--navy-dark);margin-bottom:4px}.panel-sub{font-size:13px;font-weight:300;color:var(--gray-600);margin-bottom:28px}.auth-msg{font-size:13px;line-height:1.45;margin:-18px 0 18px;padding:10px 12px;border-radius:var(--radius-sm);display:none}.auth-msg.is-visible{display:block}.auth-msg--error{background:#ff6b6b1f;color:#c53030;border:1px solid rgba(255,107,107,.35)}.auth-msg--success{background:#00d4aa1f;color:#047857;border:1px solid rgba(0,212,170,.35)}.field{margin-bottom:18px}label{display:block;font-size:12px;font-weight:500;color:var(--gray-800);margin-bottom:6px;letter-spacing:.3px;text-transform:uppercase}.input-wrap{position:relative}.input-wrap svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;stroke:var(--gray-400);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.toggle-pwd{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;color:var(--gray-400);transition:color var(--transition)}.toggle-pwd:hover{color:var(--primary-blue)}.toggle-pwd svg{position:static;transform:none;width:16px;height:16px;pointer-events:none}input[type=text],input[type=email],input[type=password]{width:100%;height:48px;padding:0 14px 0 42px;font-family:Poppins,sans-serif;font-size:14px;font-weight:400;color:var(--navy-dark);background:var(--gray-100);border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);outline:none;transition:border-color var(--transition),box-shadow var(--transition),background var(--transition)}.input-wrap input[type=password]{padding-right:42px}input:focus{background:var(--white);border-color:var(--primary-blue);box-shadow:0 0 0 3px #2e7cf61f}input:focus+.input-wrap svg,.input-wrap:focus-within svg{stroke:var(--primary-blue)}input::placeholder{color:var(--gray-400)}.row-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field-meta{display:flex;justify-content:flex-end;margin-top:-10px;margin-bottom:18px}.link{font-size:12px;font-weight:500;color:var(--primary-blue);text-decoration:none;cursor:pointer;transition:color var(--transition)}.link:hover{color:var(--blue-light)}.link-btn{background:none;border:none;padding:0;font:inherit}.recover-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}.recover-modal[hidden]{display:none}.recover-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a1628b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.recover-modal-dialog{position:relative;z-index:1;width:100%;max-width:460px;max-height:min(90vh,720px);overflow:auto;background:var(--white);border-radius:var(--radius-md);box-shadow:0 24px 64px #00000059}.recover-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:22px 24px 12px;border-bottom:1px solid var(--gray-200)}.recover-modal-header h2{font-size:18px;font-weight:700;color:var(--navy-dark)}.recover-modal-close{flex-shrink:0;width:36px;height:36px;border:none;background:var(--gray-100);color:var(--gray-600);font-size:22px;line-height:1;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition),color var(--transition)}.recover-modal-close:hover{background:var(--gray-200);color:var(--navy-dark)}.recover-modal-body{padding:18px 24px 24px}.recover-modal-intro{font-size:13px;color:var(--gray-600);margin-bottom:20px}.recover-btn{margin-bottom:0}.recover-modal-body .auth-msg{margin:12px 0 0}.divider{display:flex;align-items:center;gap:10px;margin:22px 0;color:var(--gray-400);font-size:12px;font-weight:300}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--gray-200)}.btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:50px;padding:0 24px;font-family:Poppins,sans-serif;font-size:15px;font-weight:700;color:var(--white);background:var(--primary-blue);border:none;border-radius:var(--radius-sm);cursor:pointer;letter-spacing:.3px;transition:background var(--transition),box-shadow var(--transition),transform var(--transition);margin-bottom:10px}.btn-primary:hover{background:var(--blue-light);box-shadow:0 8px 24px #2e7cf659;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-social{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:46px;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;color:var(--gray-800);background:var(--white);border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition),border-color var(--transition),box-shadow var(--transition);margin-bottom:10px}.btn-social:hover{background:var(--gray-100);border-color:var(--gray-400);box-shadow:0 2px 8px #0000000f}.btn-social svg{flex-shrink:0}.check-wrap{display:flex;align-items:flex-start;gap:10px;margin-bottom:22px}input[type=checkbox]{width:18px;height:18px;margin-top:1px;accent-color:var(--primary-blue);cursor:pointer;flex-shrink:0}.check-label{font-size:12px;font-weight:300;color:var(--gray-600);line-height:1.6}.check-label .link{font-weight:500}.strength-bar{display:flex;gap:4px;margin-top:6px}.strength-bar span{flex:1;height:3px;background:var(--gray-200);border-radius:2px;transition:background .3s}.strength-bar span.weak{background:var(--coral)}.strength-bar span.medium{background:var(--amber)}.strength-bar span.strong{background:var(--cyan-accent)}.strength-hint{font-size:11px;font-weight:300;color:var(--gray-400);margin-top:4px}.match-hint{font-size:11px;font-weight:400;margin-top:4px;min-height:16px}.switch-text{text-align:center;font-size:13px;font-weight:300;color:var(--gray-600);margin-top:6px}.badge-secure{display:flex;align-items:center;gap:8px;background:#00d4aa14;border:1px solid rgba(0,212,170,.25);border-radius:var(--radius-sm);padding:10px 14px;margin-bottom:24px}.badge-secure svg{flex-shrink:0}.badge-secure p{font-size:11px;font-weight:400;color:var(--gray-600);line-height:1.5}.badge-secure strong{color:var(--cyan-accent);font-weight:500}.card-footer{background:var(--gray-100);border-top:1px solid var(--gray-200);padding:14px 40px;text-align:center;font-size:11px;font-weight:300;color:var(--gray-400)}.card-footer a{color:var(--gray-600);text-decoration:none}.card-footer a:hover{color:var(--primary-blue)}.back-home{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:10;margin:0}.back-home a{color:#fffc;font-size:13px;font-weight:500;text-decoration:none}.back-home a:hover{color:var(--white)}.card-logo-link{display:block;text-decoration:none;color:inherit}.card-logo-link:hover .logo-text{color:var(--blue-light)}@media(max-width:900px){body{padding:16px;align-items:flex-start;overflow-y:auto}.card{max-width:min(480px,100%)}}@media(max-width:560px){body{padding:12px}.card-header{padding:28px 20px 22px}.card-footer{padding:12px 16px}input[type=text],input[type=email],input[type=password]{font-size:16px}}