@layer base{.hpp-apply-page *,.hpp-apply-page :before,.hpp-apply-page :after{box-sizing:border-box;margin:0;padding:0}}.hpp-apply-page{height:100%;font-family:var(--font-sora), sans-serif;color:#333;-webkit-font-smoothing:antialiased;background-color:#07090c;background-image:radial-gradient(900px 600px at 80% -5%,#5eead414,#0000 60%),radial-gradient(800px 700px at 5% 20%,#5eead40a,#0000 55%),radial-gradient(700px 500px at 50% 110%,#5eead40d,#0000 60%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;overflow-x:clip}.hpp-apply-page .app{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.hpp-apply-page .card{background:#fff;border:1px solid #5eead426;border-radius:14px;flex-direction:column;width:100%;max-width:580px;display:none;overflow:hidden;box-shadow:0 4px 24px #0000004d,0 0 30px #5eead40f}.hpp-apply-page .card.active{display:flex}.hpp-apply-page .card-body{flex:1;padding:36px 32px 28px}.hpp-apply-page .card-nav{background:#f5f5f5;border-top:1px solid #e8e8e8;justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.hpp-apply-page .nav-btn{font-family:var(--font-sora), sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;color:#666;background:0 0;border:none;border-radius:6px;padding:10px 18px;font-size:14px;font-weight:700;transition:all .15s}.hpp-apply-page .nav-btn:hover{color:#333;background:#0000000f}.hpp-apply-page .nav-btn.primary{color:#07090c;background:#5eead4}.hpp-apply-page .nav-btn.primary:hover{background:#4dd9c0}.hpp-apply-page .nav-btn:disabled{opacity:.3;cursor:not-allowed}.hpp-apply-page .q-label{font-family:var(--font-sora), sans-serif;color:#1a1a1a;margin-bottom:6px;font-size:24px;font-weight:700;line-height:1.2}.hpp-apply-page .q-sub{color:#888;margin-bottom:20px;font-size:13px;line-height:1.5}.hpp-apply-page .q-required{color:#e53e3e;margin-left:3px}.hpp-apply-page .fi{color:#1a1a1a;width:100%;font-size:16px;font-weight:500;font-family:var(--font-sora), sans-serif;background:#fafafa;border:2px solid #e2e2e2;border-radius:8px;outline:none;padding:14px 16px;transition:border-color .2s}.hpp-apply-page .fi:focus{background:#fff;border-color:#5eead4}.hpp-apply-page .fi::placeholder{color:#bbb;font-weight:400}.hpp-apply-page textarea.fi{resize:none;min-height:110px;font-size:15px;line-height:1.6}.hpp-apply-page select.fi{cursor:pointer;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23999' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat}.hpp-apply-page .row{gap:12px;display:flex}.hpp-apply-page .row>*{flex:1}.hpp-apply-page .yn-group{flex-direction:column;gap:10px;display:flex}.hpp-apply-page .yn-btn{width:100%;font-family:var(--font-sora), sans-serif;letter-spacing:.04em;color:#333;cursor:pointer;text-align:center;background:#fafafa;border:2px solid #e2e2e2;border-radius:8px;padding:16px 20px;font-size:18px;font-weight:700;transition:all .15s}.hpp-apply-page .yn-btn:hover{background:#f0fdfb;border-color:#5eead4}.hpp-apply-page .yn-btn.selected{color:#07090c;background:#5eead4;border-color:#5eead4}.hpp-apply-page .radio-group{flex-direction:column;gap:8px;display:flex}.hpp-apply-page .radio-opt{cursor:pointer;background:#fafafa;border:2px solid #e2e2e2;border-radius:8px;align-items:center;gap:14px;padding:14px 18px;transition:all .15s;display:flex}.hpp-apply-page .radio-opt:hover,.hpp-apply-page .radio-opt.selected{background:#f0fdfb;border-color:#5eead4}.hpp-apply-page .radio-circle{border:2px solid #ccc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .15s;display:flex}.hpp-apply-page .radio-opt.selected .radio-circle{border-color:#5eead4}.hpp-apply-page .radio-dot{background:#5eead4;border-radius:50%;width:10px;height:10px;display:none}.hpp-apply-page .radio-opt.selected .radio-dot{display:block}.hpp-apply-page .radio-label{color:#333;font-size:15px;font-weight:600}.hpp-apply-page .slider-wrap{margin-top:8px}.hpp-apply-page .slider-label{text-align:center;font-family:var(--font-sora), sans-serif;color:#5eead4;min-height:28px;margin-bottom:12px;font-size:20px;font-weight:700}.hpp-apply-page input[type=range]{-webkit-appearance:none;cursor:pointer;background:#e2e2e2;border-radius:4px;outline:none;width:100%;height:8px}.hpp-apply-page input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#5eead4;border-radius:50%;width:28px;height:28px;box-shadow:0 2px 8px #5eead44d}.hpp-apply-page .slider-ends{color:#999;justify-content:space-between;margin-top:6px;font-size:12px;display:flex}.hpp-apply-page .section-card .card-body{text-align:center;background:#1a1a1a;padding:48px 32px}.hpp-apply-page .section-title{font-family:var(--font-sora), sans-serif;color:#fff;letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;font-size:28px;font-weight:800}.hpp-apply-page .section-sub{color:#888;font-size:14px}.hpp-apply-page .splash .card-body{text-align:center;padding:48px 32px 36px}.hpp-apply-page .splash-title{font-family:var(--font-sora), sans-serif;color:#1a1a1a;letter-spacing:.04em;text-transform:uppercase;margin-bottom:16px;font-size:32px;font-weight:800;line-height:1.15}.hpp-apply-page .splash-sub{color:#777;max-width:400px;margin:0 auto 28px;font-size:14px;line-height:1.7}.hpp-apply-page .splash-count{letter-spacing:.16em;text-transform:uppercase;color:#5eead4;background:#f0fdfb;border-radius:20px;margin-bottom:24px;padding:6px 16px;font-size:11px;font-weight:700;display:inline-block}.hpp-apply-page .start-btn{font-family:var(--font-sora), sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#07090c;cursor:pointer;background:#5eead4;border:none;border-radius:8px;padding:16px 48px;font-size:18px;font-weight:700;transition:background .15s;display:inline-block}.hpp-apply-page .start-btn:hover{background:#4dd9c0}.hpp-apply-page .progress-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;z-index:100;background:#00000080;padding:12px 24px;position:fixed;bottom:0;left:0;right:0}.hpp-apply-page .progress-text{color:#ffffffb3;letter-spacing:.05em;font-size:13px;font-weight:600}.hpp-apply-page .success .card-body{text-align:center;padding:56px 32px}.hpp-apply-page .suc-icon{margin-bottom:16px;font-size:56px}.hpp-apply-page .suc-title{font-family:var(--font-sora), sans-serif;color:#1a1a1a;letter-spacing:.04em;text-transform:uppercase;margin-bottom:12px;font-size:28px;font-weight:800}.hpp-apply-page .suc-sub{color:#666;max-width:380px;margin:0 auto;font-size:15px;line-height:1.7}.hpp-apply-page .spin{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:22px;height:22px;margin:0 auto;animation:.6s linear infinite site-sp;display:none}@keyframes site-sp{to{transform:rotate(360deg)}}@media (max-width:480px){.hpp-apply-page .card-body{padding:28px 20px 24px}.hpp-apply-page .q-label{font-size:20px}.hpp-apply-page .row{flex-direction:column;gap:10px}.hpp-apply-page .splash-title{font-size:26px}}
.hpp-apply-page{min-height:100vh;line-height:normal}.hpp-apply-page .radio-opt{text-align:left;width:100%}
