*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--blue: #003780;--blue-hover: #001D44;--blue-light: #E6EDF6;--blue-glow: rgba(0, 55, 128, .2);--text: #111827;--text-muted: #6B7280;--text-subtle: #9CA3AF;--border: #E5E7EB;--bg: transparent;--white: #FFFFFF;--success: #059669;--error: #EF4444;--radius: 10px;--shadow-card: 0 1px 3px rgba(0,0,0,.06), 0 16px 48px rgba(0,0,0,.08)}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}html[data-theme=dark],html[data-theme=dark] body{background:#131517}@keyframes ripple-out{0%{transform:scale(0);opacity:.28}to{transform:scale(2.5);opacity:0}}.ripple{position:absolute;border-radius:50%;background:var(--blue);pointer-events:none;animation:ripple-out .5s ease-out forwards}.pill,.yn-btn{overflow:hidden;position:relative}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.a1{animation:fadeUp .55s cubic-bezier(.22,1,.36,1) both;animation-delay:.05s}.a2{animation:fadeUp .55s cubic-bezier(.22,1,.36,1) both;animation-delay:.15s}.a3{animation:fadeUp .55s cubic-bezier(.22,1,.36,1) both;animation-delay:.22s}.a4{animation:fadeUp .55s cubic-bezier(.22,1,.36,1) both;animation-delay:.3s}.a5{animation:fadeUp .55s cubic-bezier(.22,1,.36,1) both;animation-delay:.38s}@keyframes orb1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(60px,80px) scale(1.08)}66%{transform:translate(-40px,50px) scale(.95)}}@keyframes orb2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-80px,60px) scale(1.05)}66%{transform:translate(50px,-40px) scale(.97)}}@keyframes orb3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,60px) scale(1.1)}}.bg-orbs{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0;background:linear-gradient(160deg,#aebfd6,#c3cedf,#d8e0ec);transition:background .35s ease}.bg-glow{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .35s ease;background:radial-gradient(640px 420px at 18% -8%,rgba(63,124,229,.3),transparent 60%),radial-gradient(560px 420px at 88% 18%,rgba(46,96,181,.22),transparent 65%)}.orb{position:absolute;border-radius:50%;filter:blur(70px);transition:opacity .35s ease}.orb-1{width:640px;height:640px;background:#00295f80;top:-220px;left:-160px;animation:orb1 14s ease-in-out infinite}.orb-2{width:520px;height:520px;background:#0016336b;bottom:-120px;right:-100px;animation:orb2 18s ease-in-out infinite}.orb-3{width:360px;height:360px;background:#285f9b66;top:40%;left:50%;animation:orb3 11s ease-in-out infinite}@keyframes flare-spin{0%{transform:translate(52.5%,35%) rotate(0)}to{transform:translate(52.5%,35%) rotate(360deg)}}.bg-flare{position:absolute;bottom:0;right:0;width:160vw;max-width:none;opacity:.16;transform-origin:center center;animation:flare-spin 140s linear infinite;pointer-events:none}@media(max-width:768px){.bg-flare{width:240vw}}.page{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:56px 16px 72px}.event-header{text-align:center;max-width:580px;width:100%;margin-bottom:36px}.event-label{display:block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);margin-bottom:16px}.event-title{font-size:28px;font-weight:700;line-height:1.3;color:var(--text);margin-bottom:18px;letter-spacing:-.02em}.gradient-text{background:linear-gradient(90deg,#003780,#001d44);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.event-meta{display:flex;justify-content:center;gap:6px 24px;flex-wrap:wrap;color:#fff;font-size:13px;font-weight:500}.meta-item{display:flex;align-items:center;gap:7px}.meta-item svg{opacity:.55;flex-shrink:0}.card{background:#fff9;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-radius:18px;border:1px solid rgba(255,255,255,.5);box-shadow:var(--shadow-card);padding:40px;width:100%;max-width:520px}.card-heading{font-size:16px;font-weight:600;color:var(--text);margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--border);letter-spacing:-.01em}.form-group{margin-bottom:20px}.form-label{display:block;font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:8px;letter-spacing:.04em;text-transform:uppercase}.req{color:var(--blue)}.form-input{width:100%;padding:11px 14px;background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius);font-family:inherit;font-size:14px;color:var(--text);outline:none;transition:border-color .18s,box-shadow .18s}.form-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-glow)}.form-input::placeholder{color:var(--text-subtle)}.form-input.error{border-color:var(--error)}.pill-group{display:flex;flex-wrap:wrap;gap:8px}.pill{padding:7px 14px;background:var(--white);border:1.5px solid var(--border);border-radius:100px;font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;color:var(--text-muted);transition:all .15s;-webkit-user-select:none;user-select:none}.pill:hover{border-color:var(--blue);color:var(--blue)}.pill.selected{background:var(--blue-light);border-color:var(--blue);color:var(--blue);font-weight:600}.pill.has-error{border-color:var(--error)}.yn-group{display:flex;gap:10px}.yn-btn{flex:1;padding:10px;background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;color:var(--text-muted);transition:all .15s;-webkit-user-select:none;user-select:none}.yn-btn:hover{border-color:var(--blue);color:var(--blue)}.yn-btn.selected{background:var(--blue-light);border-color:var(--blue);color:var(--blue);font-weight:600}.yn-btn.has-error{border-color:var(--error)}.field-error{font-size:12px;color:var(--error);margin-top:6px}.global-error{background:#fef2f2;border:1px solid #FECACA;color:var(--error);border-radius:var(--radius);padding:12px 14px;font-size:13px;margin-bottom:20px}.divider{height:1px;background:var(--border);margin:24px 0}.lainnya-wrap{margin-top:10px}.btn-submit{width:100%;padding:13px;background:var(--blue);color:#fff;border:none;border-radius:var(--radius);font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:background .18s,box-shadow .18s,transform .1s;letter-spacing:-.01em;display:flex;align-items:center;justify-content:center;gap:8px}.btn-submit:hover:not(:disabled){background:var(--blue-hover);box-shadow:0 4px 20px var(--blue-glow)}.btn-submit:active:not(:disabled){transform:scale(.99)}.btn-submit:disabled{opacity:.5;cursor:not-allowed}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .65s linear infinite;flex-shrink:0}.success-page{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 16px}.success-card{background:#fff9;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-radius:18px;border:1px solid rgba(255,255,255,.5);box-shadow:var(--shadow-card);padding:52px 40px 44px;text-align:center;width:100%;max-width:460px}.success-icon{width:68px;height:68px;background:#d1fae5;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.success-title{font-size:22px;font-weight:700;margin-bottom:12px;letter-spacing:-.02em}.success-desc{color:var(--text-muted);font-size:14px;line-height:1.75;margin-bottom:32px}.success-desc strong{color:var(--text)}.btn-wa{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:13px 24px;background:#25d366;color:#fff;border:none;border-radius:var(--radius);font-family:inherit;font-size:15px;font-weight:600;text-decoration:none;transition:opacity .18s,box-shadow .18s;cursor:pointer}.btn-wa:hover{opacity:.92;box-shadow:0 4px 20px #25d3664d}.footer{margin-top:28px;text-align:center;color:var(--text-subtle);font-size:12px}.footer a{color:var(--text-muted);text-decoration:none;font-weight:500;transition:color .15s}.footer a:hover{color:var(--blue)}.btn-register-again{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;border-radius:999px;border:1px solid rgba(255,255,255,.55);background:#ffffff73;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);color:var(--blue);font-size:13px;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s,transform .12s,box-shadow .2s;box-shadow:0 2px 10px #00378014}.btn-register-again:hover{background:#ffffffa6;border-color:#fffc;transform:translateY(-1px);box-shadow:0 4px 16px #00378024}.btn-register-again:active{transform:scale(.96)}.hfc2-about p{color:var(--text-muted);font-size:14px;line-height:1.75;margin-bottom:14px}.hfc2-about p strong{color:var(--text)}.hfc2-points{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:8px}.hfc2-points li{position:relative;padding-left:20px;color:var(--text-muted);font-size:14px;line-height:1.6}.hfc2-points li:before{content:"";position:absolute;left:0;top:8px;width:7px;height:7px;border-radius:50%;background:var(--blue)}.hfc2-info-row{display:flex;gap:28px;flex-wrap:wrap}.hfc2-info-item{flex:1;min-width:200px}.hfc2-info-text{color:var(--text-muted);font-size:13px;line-height:1.7}.hfc2-waitlist{text-align:center}@media(max-width:768px){.page{padding:40px 20px 60px}.event-header{margin-bottom:28px}.event-title{font-size:24px}.card{padding:32px 28px;max-width:100%}.success-card{padding:40px 28px 36px;max-width:100%}.orb-1{width:420px;height:420px}.orb-2{width:340px;height:340px}.orb-3{width:240px;height:240px}}@media(max-width:480px){.page{padding:28px 12px 52px}.event-header{margin-bottom:24px}.event-label{font-size:10px;margin-bottom:12px}.event-title{font-size:20px;margin-bottom:14px}.event-meta{flex-direction:column;align-items:center;gap:8px}.card{padding:24px 16px;border-radius:14px}.card-heading{font-size:15px;margin-bottom:22px;padding-bottom:16px}.form-group{margin-bottom:18px}.form-label{font-size:11px;margin-bottom:7px}.form-input{padding:13px 14px;font-size:16px}.pill-group{gap:7px}.pill{padding:9px 13px;font-size:13px}.yn-group{gap:8px}.yn-btn{padding:13px 10px;font-size:13px}.divider{margin:20px 0}.btn-submit{padding:15px;font-size:15px}.success-card{padding:36px 20px 32px;border-radius:14px}.success-title{font-size:20px}.success-desc{font-size:13px}.btn-wa{padding:14px;font-size:14px}.orb-1{width:280px;height:280px;top:-100px;left:-80px}.orb-2{width:240px;height:240px}.orb-3{display:none}}@media(hover:none){.pill:not(.selected):hover,.yn-btn:not(.selected):hover{border-color:var(--border);color:var(--text-muted);background:var(--white)}.pill.selected,.yn-btn.selected{background:var(--blue-light);border-color:var(--blue);color:var(--blue)}.btn-submit:hover:not(:disabled){background:var(--blue);box-shadow:none}}.theme-toggle{position:fixed;top:20px;right:20px;z-index:20;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff9;backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border:1px solid rgba(255,255,255,.5);border-radius:50%;color:var(--text);cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .12s}.theme-toggle:hover{transform:scale(1.06)}.theme-toggle:active{transform:scale(.95)}@media(max-width:480px){.theme-toggle{top:14px;right:14px;width:36px;height:36px}}[data-theme=dark] .bg-orbs{background:#131517}[data-theme=dark] .orb{opacity:0}[data-theme=dark] .bg-glow{opacity:1}[data-theme=dark] .theme-toggle{background:#ffffff0b;border-color:#ffffff1a;color:#fff}[data-theme=dark] .event-label{color:#ffffff80}[data-theme=dark] .event-title{color:#fff}[data-theme=dark] .gradient-text{background:linear-gradient(90deg,#8db4f5,#558dec);-webkit-background-clip:text;background-clip:text}[data-theme=dark] .event-meta{color:#d2d4d7}[data-theme=dark] .card,[data-theme=dark] .success-card{background:#ffffff0b;border-color:#ffffff14}[data-theme=dark] .card-heading{color:#fff;border-bottom-color:#ffffff14}[data-theme=dark] .form-label{color:#ffffff80}[data-theme=dark] .req{color:#6fa0f5}[data-theme=dark] .form-input{background:#ffffff0b;border-color:#ffffff1a;color:#fff}[data-theme=dark] .form-input::placeholder{color:#ffffff52}[data-theme=dark] .form-input:focus{border-color:#558dec;background:#ffffff12;box-shadow:0 0 0 3px #558dec2e}[data-theme=dark] .pill,[data-theme=dark] .yn-btn{background:#ffffff0b;border-color:#ffffff1a;color:#d2d4d7}[data-theme=dark] .pill:hover,[data-theme=dark] .yn-btn:hover{border-color:#ffffff47;color:#fff}[data-theme=dark] .pill.selected,[data-theme=dark] .yn-btn.selected{background:#558dec2e;border-color:#558dec;color:#fff}[data-theme=dark] .pill.has-error,[data-theme=dark] .yn-btn.has-error{border-color:#f87171}[data-theme=dark] .field-error{color:#f87171}[data-theme=dark] .global-error{background:#f8717114;border-color:#f8717140;color:#fca5a5}[data-theme=dark] .divider{background:#ffffff14}[data-theme=dark] .btn-submit{background:#fff;color:#001036}[data-theme=dark] .btn-submit:hover:not(:disabled){background:#fff;opacity:.88;box-shadow:none}[data-theme=dark] .spinner{border:2px solid rgba(0,16,54,.25);border-top-color:#001036}[data-theme=dark] .success-icon{background:#10b98124}[data-theme=dark] .success-title{color:#fff}[data-theme=dark] .success-desc{color:#d2d4d7}[data-theme=dark] .success-desc strong{color:#fff}[data-theme=dark] .footer{color:#fff6}[data-theme=dark] .footer a{color:#d2d4d7}[data-theme=dark] .footer a:hover{color:#fff}[data-theme=dark] .btn-register-again{background:#ffffff14;border-color:#ffffff2e;color:#d2d4d7;box-shadow:0 2px 10px #0003}[data-theme=dark] .btn-register-again:hover{background:#ffffff24;border-color:#ffffff4d;color:#fff;box-shadow:0 4px 16px #0000004d}@media(hover:none){[data-theme=dark] .pill:not(.selected):hover,[data-theme=dark] .yn-btn:not(.selected):hover{border-color:#ffffff1a;color:#d2d4d7;background:#ffffff0b}[data-theme=dark] .pill.selected,[data-theme=dark] .yn-btn.selected{background:#00378059;border-color:var(--blue);color:#93c5fd}[data-theme=dark] .btn-submit:hover:not(:disabled){background:#fff;opacity:1}[data-theme=dark] .theme-toggle:hover{transform:none}}