:root{--primary:#3730A3;--primary-focus:#4338CA;--primary-on-dark:#818CF8;--ink:#1d1d1f;--body-on-dark:#ffffff;--body-muted:#cccccc;--ink-muted-80:#333333;--ink-muted-48:#7a7a7a;--hairline:#e0e0e0;--canvas:#ffffff;--canvas-parchment:#f5f5f7;--surface-tile-1:#272729;--on-primary:#ffffff;--error:#dc2626}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased}body{font-family:Pretendard Variable,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--canvas);line-height:1.47}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit}.container{max-width:1120px;margin:0 auto;padding:0 24px}.container-narrow{max-width:560px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:17px;font-weight:400;letter-spacing:-.374px;border-radius:9999px;padding:11px 22px;cursor:pointer;border:none;transition:transform .15s ease;white-space:nowrap}.btn:active{transform:scale(.95)}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:focus-visible{outline:2px solid var(--primary-focus);outline-offset:2px}.btn-primary:disabled{background:var(--hairline);color:var(--ink-muted-48);cursor:not-allowed}.btn-ghost{background:transparent;color:var(--primary);border:1px solid var(--primary)}.btn-ghost-on-dark{background:transparent;color:var(--on-primary);border:1px solid rgba(255,255,255,.4)}.btn-text{font-size:14px;color:var(--ink-muted-80)}.btn-block{width:100%}.btn-sm{padding:8px 16px;font-size:14px}header.nav{height:44px;background:var(--canvas);border-bottom:1px solid var(--hairline);position:-webkit-sticky;position:sticky;top:0;z-index:50}.nav .container,header.nav{display:flex;align-items:center;justify-content:space-between}.nav .container{width:100%}.logo{font-size:17px;font-weight:600;letter-spacing:-.374px}.nav-right{display:flex;align-items:center;gap:20px}.nav-login{font-size:14px;color:var(--ink-muted-80)}.nav-right .btn{padding:8px 16px;font-size:14px}header.nav-app{height:64px;display:flex;align-items:center;background:var(--canvas);border-bottom:1px solid var(--hairline);position:-webkit-sticky;position:sticky;top:0;z-index:50}.nav-app .container{display:flex;align-items:center;justify-content:space-between;width:100%}.nav-app-left{display:flex;align-items:center;gap:28px}.nav-app-menu{display:flex;gap:20px}.nav-app-menu a{font-size:14px;color:var(--ink-muted-80)}.nav-app-menu a.active{color:var(--primary);font-weight:600}.nav-app-right{display:flex;align-items:center;gap:12px}.avatar{width:32px;height:32px;border-radius:9999px;background:var(--primary);color:var(--on-primary);font-size:13px;font-weight:600}.avatar,.icon-btn{display:flex;align-items:center;justify-content:center}.icon-btn{width:36px;height:36px;border-radius:8px;border:1px solid var(--hairline);background:var(--canvas);cursor:pointer;color:var(--ink-muted-80);font-size:16px}.section-head{text-align:center;padding:56px 0 32px}.section-head h2{font-size:34px;font-weight:600;line-height:1.2;letter-spacing:-.374px;margin-bottom:12px}.section-head p{font-size:16px;color:var(--ink-muted-80);max-width:520px;margin:0 auto}.card{background:var(--canvas);border:1px solid var(--hairline);border-radius:18px;padding:24px}.card-parchment{background:var(--canvas-parchment);border:none}.balls{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.ball{width:44px;height:44px;font-size:15px}.ball,.chip{border-radius:9999px;background:var(--primary);color:var(--on-primary);display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.chip{width:32px;height:32px;font-size:12px}.match-badge{font-size:12px;font-weight:600;color:var(--primary);background:rgba(55,48,163,.08);border-radius:9999px;padding:4px 12px}.badge-on-dark{display:inline-block;font-size:12px;color:var(--body-on-dark);border:1px solid rgba(255,255,255,.3);border-radius:9999px;padding:6px 16px}.field{margin-bottom:16px;text-align:left}.field label{display:block;font-size:13px;font-weight:600;color:var(--ink-muted-80);margin-bottom:6px}.field input,.field select{width:100%;height:44px;padding:0 16px;border:1px solid var(--hairline);border-radius:8px;font-family:inherit;font-size:15px;color:var(--ink);background:var(--canvas)}.field input:focus,.field select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(55,48,163,.12)}.field .error-msg{display:none;font-size:12px;color:var(--error);margin-top:6px}.field.has-error input{border-color:var(--error)}.field.has-error .error-msg{display:block}.field-row{display:flex;gap:12px}.field-row .field{flex:1 1}.checkbox-row{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ink-muted-80);margin-bottom:12px}.checkbox-row input{width:16px;height:16px;accent-color:var(--primary)}.faq-item{background:var(--canvas);border:1px solid var(--hairline);border-radius:11px;margin-bottom:12px;overflow:hidden}.faq-item summary{list-style:none;cursor:pointer;padding:18px 20px;font-size:15px;font-weight:600;display:flex;justify-content:space-between;align-items:center}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-weight:400;color:var(--primary);font-size:18px;margin-left:12px}.faq-item[open] summary:after{content:"\2013"}.faq-item .answer{padding:0 20px 18px;font-size:14px;color:var(--ink-muted-80)}.disclaimer-bar{background:#f7f7f7;padding:16px 0;text-align:center}.disclaimer-bar p{font-size:12px;color:var(--ink-muted-48);line-height:1.3}footer{background:var(--canvas-parchment);color:var(--ink-muted-80);padding:64px 0}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);grid-gap:32px;gap:32px;margin-bottom:40px}.footer-brand .logo{margin-bottom:12px}.footer-brand p{font-size:14px;color:var(--ink-muted-48);max-width:220px}footer h4{font-size:14px;font-weight:600;letter-spacing:-.224px;margin-bottom:8px}footer ul{list-style:none}footer li a{display:inline-block;font-size:14px;line-height:2.41;color:var(--ink-muted-80)}footer li a:hover{color:var(--primary)}.footer-legal{border-top:1px solid var(--hairline);padding-top:24px;line-height:1.6}.fine-print,.footer-legal{font-size:12px;color:var(--ink-muted-48)}@media (max-width:834px){.section-head{padding:40px 0 24px}.section-head h2{font-size:26px}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.footer-grid{grid-template-columns:1fr}.field-row{flex-direction:column;gap:0}}