*{box-sizing:border-box;margin:0;padding:0}body{font-family:Poppins,sans-serif;font-size:.9rem}.login-body{background:#f1f5f9;min-height:100vh}.login-wrapper{display:flex;min-height:100vh}.login-brand{width:45%;flex-shrink:0;background:linear-gradient(150deg,#010f5c,#012db8 35%,#0230d4 65%,#011080);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:50px}.blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.18;pointer-events:none}.blob-1{width:320px;height:320px;background:#60a5fa;top:-80px;right:-60px}.blob-2{width:250px;height:250px;background:#a78bfa;bottom:-60px;left:-40px}.blob-3{width:200px;height:200px;background:#38bdf8;top:50%;left:50%;transform:translate(-50%,-50%)}.brand-content{position:relative;z-index:2;max-width:380px;width:100%}.brand-logo{height:52px;object-fit:contain}.brand-logo-fallback{width:52px;height:52px;background:#ffffff1a;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:#fff}.brand-headline{font-size:2.2rem;font-weight:700;color:#fff;line-height:1.2;margin-bottom:14px;text-shadow:0 2px 12px rgba(0,0,0,.25)}.brand-highlight{background:linear-gradient(90deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-sub{color:#bfdbfe;font-size:.88rem;line-height:1.7;margin-bottom:36px}.brand-stats{display:flex;align-items:center;gap:20px;padding:18px 22px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:16px;margin-bottom:36px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-item{text-align:center}.stat-num{display:block;font-size:1.3rem;font-weight:700;color:#f1f5f9}.stat-lbl{display:block;font-size:.75rem;font-weight:500;color:#cbd5e1}.stat-div{width:1px;height:36px;background:#ffffff1f;flex-shrink:0}.brand-back-link{display:inline-flex;align-items:center;gap:8px;color:#ffffff8c;text-decoration:none;font-size:.8rem;font-weight:500;transition:color .2s}.brand-back-link:hover{color:#ffffffd9}.auth-back-btn{display:inline-flex;align-items:center;gap:6px;color:#64748b;text-decoration:none;font-size:.78rem;font-weight:500;padding:7px 14px;background:#f1f5f9;border-radius:50px;transition:all .2s;border:1px solid #e2e8f0}.auth-back-btn:hover{background:#e2e8f0;color:#334155}.login-form-panel{flex:1;background:#fff;display:flex;align-items:center;justify-content:center;padding:50px 40px;overflow-y:auto}.login-form-inner{width:100%;max-width:400px}.auth-footer-note{text-align:center;margin-top:32px;color:#adb5bd;font-size:.72rem}.alumni-reg-body{background:#f1f5f9;min-height:100vh}.alumni-reg-wrapper{display:flex;min-height:100vh}.alumni-brand{width:42%;flex-shrink:0;background:linear-gradient(150deg,#064e3b,#065f46 40%,#047857 75%,#053c2e);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:50px 44px}.alumni-blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.18;pointer-events:none}.ab-1{width:300px;height:300px;background:#34d399;top:-80px;right:-50px}.ab-2{width:220px;height:220px;background:#6ee7b7;bottom:-60px;left:-40px}.ab-3{width:180px;height:180px;background:#a7f3d0;top:55%;left:45%;transform:translate(-50%,-50%)}.alumni-brand-content{position:relative;z-index:2;max-width:360px;width:100%}.alumni-welcome-badge{display:inline-flex;align-items:center;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:#a7f3d0;font-size:.75rem;font-weight:600;padding:5px 14px;border-radius:50px;margin-bottom:16px}.alumni-headline{font-size:1.9rem;font-weight:700;color:#fff;line-height:1.25;margin-bottom:12px;text-shadow:0 2px 12px rgba(0,0,0,.2)}.alumni-highlight{background:linear-gradient(90deg,#6ee7b7,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.alumni-sub{color:#a7f3d0;font-size:.85rem;line-height:1.7;margin-bottom:28px}.alumni-benefits{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}.benefit-item{display:flex;align-items:center;gap:12px;font-size:.83rem;color:#d1fae5}.benefit-icon{width:34px;height:34px;background:#ffffff1a;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#6ee7b7;flex-shrink:0;font-size:.95rem}.alumni-form-panel{flex:1;background:#f8fafd;display:flex;align-items:flex-start;justify-content:center;padding:40px;overflow-y:auto}.alumni-form-inner{width:100%;max-width:520px;padding-top:10px}.form-section-label{display:flex;align-items:center;gap:10px;font-size:.8rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.form-section-num{width:22px;height:22px;background:#065f46;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;flex-shrink:0}.btn-auth-alumni{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#065f46,#059669);color:#fff;border:none;border-radius:12px;padding:13px 20px;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;box-shadow:0 6px 18px #065f4640;transition:transform .2s,box-shadow .2s}.btn-auth-alumni:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 24px #065f4659}.btn-auth-alumni:disabled{opacity:.7}@media(max-width:992px){.alumni-brand{display:none!important}.alumni-form-panel{background:#f1f5f9;padding:24px 16px;align-items:flex-start}.alumni-form-inner{background:#fff;border-radius:20px;padding:28px 20px;box-shadow:0 8px 30px #00000012}}.register-body{background:#e8edf5;min-height:100vh}.register-wrapper{min-height:100vh;display:flex;flex-direction:column}.register-header{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background:#f0f4fb;border-bottom:1px solid #d1dce8;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.register-logo-link{display:flex;align-items:center;gap:10px;text-decoration:none}.register-logo-name{font-size:.85rem;font-weight:700;color:#1e293b}.register-login-btn{font-size:.8rem;font-weight:600;color:#2563eb;text-decoration:none;background:#eff6ff;padding:7px 16px;border-radius:50px;transition:background .2s}.register-login-btn:hover{background:#dbeafe}.register-main{flex:1;max-width:680px;margin:0 auto;width:100%;padding:40px 20px 60px}.register-title-block{text-align:center;margin-bottom:28px}.register-title{font-size:1.6rem;font-weight:700;color:#1e293b;margin-bottom:6px}.register-subtitle{color:#64748b;font-size:.87rem}.register-tab-bar{display:flex;background:#e9ecef;border-radius:14px;padding:4px;margin-bottom:24px;gap:4px}.reg-tab{flex:1;padding:10px 16px;border:none;background:transparent;border-radius:10px;font-family:Poppins,sans-serif;font-size:.83rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.reg-tab.active{background:#fff;color:#2563eb;box-shadow:0 2px 8px #00000014}.reg-tab:not(.active):hover{color:#1e293b;background:#ffffff80}.peserta-redirect-card{background:#f5f8ff;border-radius:20px;padding:40px 36px;text-align:center;box-shadow:0 4px 24px #00000017;border:1px solid #dde8fb}.prc-icon-wrap{width:72px;height:72px;background:linear-gradient(135deg,#dbeafe,#eff6ff);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#2563eb;margin:0 auto 20px}.prc-title{font-size:1.1rem;font-weight:700;color:#1e293b;margin-bottom:12px}.prc-desc{color:#64748b;font-size:.87rem;line-height:1.7;margin-bottom:28px;max-width:420px;margin-left:auto;margin-right:auto}.prc-steps{display:flex;flex-direction:column;gap:10px;max-width:340px;margin:0 auto 32px;text-align:left}.prc-step{display:flex;align-items:center;gap:12px;background:#f8fafc;border-radius:10px;padding:10px 14px}.prc-step-num{width:26px;height:26px;background:#2563eb;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;flex-shrink:0}.prc-step-text{font-size:.82rem;color:#475569;font-weight:500}.prc-cta-btn{display:inline-flex;align-items:center;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;text-decoration:none;padding:13px 30px;border-radius:50px;font-weight:600;font-size:.87rem;box-shadow:0 6px 18px #2563eb4d;transition:transform .2s,box-shadow .2s;margin-bottom:16px}.prc-cta-btn:hover{color:#fff;transform:translateY(-2px);box-shadow:0 10px 24px #2563eb59}.prc-note{color:#94a3b8;font-size:.78rem}.reg-form-card{background:#f8fafd;border-radius:20px;padding:32px;box-shadow:0 4px 24px #00000017;border:1px solid #dde8fb}.reg-form-notice{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;font-size:.82rem;font-weight:500;margin-bottom:24px}.reg-notice-alumni{background:#f0fdf4;color:#15803d}.reg-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:500px){.reg-form-grid{grid-template-columns:1fr}}.reg-form-divider{display:flex;align-items:center;gap:12px;margin:20px 0 16px;font-size:.75rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.reg-form-divider:before,.reg-form-divider:after{content:"";flex:1;height:1px;background:#e9ecef}.register-footer-note{text-align:center;margin-top:32px;color:#adb5bd;font-size:.72rem}.form-label-auth{display:block;font-size:.78rem;font-weight:600;color:#475569;margin-bottom:6px}.input-auth-wrap{display:flex;align-items:center;background:#edf2fb;border:1.5px solid #d1dce8;border-radius:12px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.input-auth-wrap.focused{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;background:#fff}.input-auth-icon{padding:0 14px;color:#94a3b8;font-size:.9rem;white-space:nowrap;flex-shrink:0}.input-auth-icon-green{color:#16a34a!important}.input-auth{flex:1;border:none;background:transparent;padding:11px 12px 11px 0;font-family:Poppins,sans-serif;font-size:.85rem;color:#1e293b;outline:none;min-width:0}.input-auth::placeholder{color:#cbd5e1}.input-auth-select{appearance:none;cursor:pointer}.input-auth-toggle{background:none;border:none;padding:0 14px;color:#94a3b8;cursor:pointer;font-size:.9rem;transition:color .2s;flex-shrink:0}.input-auth-toggle:hover{color:#475569}.btn-auth-primary{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border:none;border-radius:12px;padding:13px 20px;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;box-shadow:0 6px 18px #2563eb40;transition:transform .2s,box-shadow .2s,opacity .2s}.btn-auth-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 24px #2563eb59}.btn-auth-primary:disabled{opacity:.7}.btn-auth-success{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;border:none;border-radius:12px;padding:13px 20px;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;box-shadow:0 6px 18px #16a34a40;transition:transform .2s,box-shadow .2s}.btn-auth-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 24px #16a34a59}.btn-auth-success:disabled{opacity:.7}.btn-google-auth{display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#374151;border:1.5px solid #e2e8f0;border-radius:12px;padding:11px 20px;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s}.btn-google-auth:hover{color:#374151;background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.auth-divider{display:flex;align-items:center;gap:14px;font-size:.78rem;color:#cbd5e1}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#e9ecef}.auth-divider span{white-space:nowrap}.auth-link{color:#2563eb;text-decoration:none;font-weight:600}.auth-link:hover{text-decoration:underline}@media(max-width:992px){.login-brand{display:none!important}.login-form-panel{justify-content:center}.login-body{background:#f1f5f9}.login-form-panel{background:transparent}.login-form-inner{background:#fff;border-radius:24px;padding:36px 28px;box-shadow:0 10px 40px #00000014}}@media(max-width:576px){.register-header{padding:14px 20px}.register-main{padding:24px 16px 50px}.peserta-redirect-card,.reg-form-card{padding:24px 20px}.login-form-panel{padding:20px 16px}}[data-bs-theme=dark] .login-body,[data-bs-theme=dark] .alumni-reg-body,[data-bs-theme=dark] .register-body,[data-bs-theme=dark] .login-form-panel,[data-bs-theme=dark] .alumni-form-panel{background:#011233}[data-bs-theme=dark] .login-form-inner,[data-bs-theme=dark] .alumni-form-inner{background:transparent;border:none}[data-bs-theme=dark] .text-dark{color:#f1f5f9!important}[data-bs-theme=dark] .text-muted{color:#94a3b8!important}[data-bs-theme=dark] .auth-back-btn{background:#021a4f;border-color:#ffffff1a;color:#94a3b8}[data-bs-theme=dark] .auth-back-btn:hover{background:#0c2b6b;color:#cbd5e1}[data-bs-theme=dark] .form-label-auth{color:#cbd5e1}[data-bs-theme=dark] .input-auth-wrap{background:#021a4f;border-color:#ffffff1a}[data-bs-theme=dark] .input-auth-wrap.focused{background:#0c2b6b;border-color:#3b82f6;box-shadow:0 0 0 3px #2563eb33}[data-bs-theme=dark] .input-auth{color:#f1f5f9}[data-bs-theme=dark] .input-auth::placeholder{color:#64748b}[data-bs-theme=dark] .input-auth-icon{color:#94a3b8}[data-bs-theme=dark] .input-auth-toggle{color:#64748b}[data-bs-theme=dark] .input-auth-toggle:hover{color:#cbd5e1}[data-bs-theme=dark] .input-auth:-webkit-autofill,[data-bs-theme=dark] .input-auth:-webkit-autofill:hover,[data-bs-theme=dark] .input-auth:-webkit-autofill:focus,[data-bs-theme=dark] .input-auth:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #021a4f inset!important;-webkit-text-fill-color:#f1f5f9!important;transition:background-color 5000s ease-in-out 0s}[data-bs-theme=dark] .btn-google-auth{background:#021a4f;border-color:#ffffff1a;color:#f1f5f9}[data-bs-theme=dark] .btn-google-auth:hover{background:#0c2b6b;border-color:#fff3}[data-bs-theme=dark] .auth-divider:before,[data-bs-theme=dark] .auth-divider:after{background:#ffffff1a}@media(max-width:992px){[data-bs-theme=dark] .login-form-inner,[data-bs-theme=dark] .alumni-form-inner{background:#021a4f;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 40px #0000004d}}