@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css";:root{--bg-primary:#0a0a0f;--bg-secondary:#1a1a22;--bg-surface:#25252f;--bg-elevated:#2f2f3a;--accent-primary:#f5c77e;--accent-primary-hover:#e8b468;--accent-secondary:#ff8c5a;--text-primary:#fafafa;--text-secondary:#a0a0b0;--text-tertiary:#6b6b7a;--text-disabled:#4a4a55;--border-default:#2f2f3a;--border-strong:#3f3f4a;--state-success:#7ac74f;--state-warning:#ffb84f;--state-error:#e85a4f;--state-info:#5aafff;--premium-gradient:linear-gradient(135deg, #f5c77e 0%, #ff8c5a 100%);--spacing-xxs:4px;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--spacing-xxxl:64px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--font-ko:"Pretendard", "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-en:"Inter", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;font-family:var(--font-ko);color:var(--text-primary);background-color:var(--bg-primary);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{background-color:var(--bg-primary);width:100%;min-height:100vh;color:var(--text-primary);margin:0;padding:0}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6,p{margin:0}h1{font-family:var(--font-ko);color:var(--text-primary);font-size:32px;font-weight:700;line-height:40px}h2{font-family:var(--font-ko);color:var(--text-primary);font-size:24px;font-weight:700;line-height:32px}h3{font-family:var(--font-ko);color:var(--text-primary);font-size:18px;font-weight:600;line-height:26px}p{font-family:var(--font-ko);color:var(--text-secondary);font-size:15px;font-weight:400;line-height:22px}a{color:var(--accent-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-primary-hover)}button{font-family:var(--font-ko);cursor:pointer;border:none}.hero{background-color:var(--bg-primary);min-height:100vh;padding:var(--spacing-xxxl) var(--spacing-lg);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.hero__content{flex-direction:column;justify-content:center;align-items:center;max-width:720px;margin:0 auto;display:flex}.hero__logo{width:240px;max-width:100%;height:auto;margin-bottom:var(--spacing-xl);display:block}.hero__eyebrow{letter-spacing:.5px;color:var(--text-secondary);text-transform:uppercase;margin-bottom:var(--spacing-lg);font-size:13px;font-weight:500;line-height:18px}.hero__title{font-family:var(--font-ko);color:var(--text-primary);margin:0 0 var(--spacing-lg);letter-spacing:-.02em;font-size:72px;font-weight:700;line-height:1.15}.hero__one{color:var(--accent-primary)}.hero__title-secondary{color:var(--text-primary)}.hero__subtitle{color:var(--text-secondary);max-width:560px;margin:0 auto var(--spacing-xxl);font-size:17px;font-weight:400;line-height:26px}.hero__cta-group{gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;display:flex}.hero__cta{padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-md);font-family:var(--font-ko);cursor:pointer;border:none;justify-content:center;align-items:center;min-height:48px;font-size:15px;font-weight:600;line-height:22px;text-decoration:none;transition:all .2s;display:inline-flex}.hero__cta--primary{background-color:var(--accent-primary);color:var(--bg-primary)}.hero__cta--primary:hover{background-color:var(--accent-primary-hover);color:var(--bg-primary);transform:translateY(-1px)}.hero__cta--ghost{color:var(--text-primary);border:1px solid var(--border-strong);background-color:#0000}.hero__cta--ghost:hover{background-color:var(--bg-surface);color:var(--text-primary);border-color:var(--accent-primary)}.how{background-color:var(--bg-primary);padding:80px var(--spacing-lg)}.how__inner{max-width:1120px;margin:0 auto}.how__header{text-align:center;padding-bottom:var(--spacing-xxl)}.how__title{font-family:var(--font-ko);color:var(--text-primary);margin:0 0 var(--spacing-md);font-size:32px;font-weight:700;line-height:40px}.how__subtitle{font-family:var(--font-ko);color:var(--text-secondary);margin:0;font-size:17px;font-weight:400;line-height:26px}.how__grid{gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr);display:grid}.how__card{background-color:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:all .2s}.how__emoji{margin-bottom:var(--spacing-md);font-size:48px;line-height:1}.how__card-title{font-family:var(--font-ko);color:var(--text-primary);margin:0 0 var(--spacing-xs);font-size:18px;font-weight:600;line-height:26px}.how__card-desc{font-family:var(--font-ko);color:var(--text-secondary);margin:0;font-size:15px;font-weight:400;line-height:1.6}@media (hover:hover){.how__card:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #f5c77e33}}.site-footer{background-color:var(--bg-primary);padding:var(--spacing-xxl) var(--spacing-lg);text-align:center;color:var(--text-tertiary);font-size:12px;line-height:16px}@media (width<=767px){.how__grid{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.hero{padding:var(--spacing-xl) var(--spacing-md)}.hero__logo{width:180px;margin-bottom:var(--spacing-lg)}.hero__title{font-size:42px}.hero__cta-group{flex-direction:column;width:100%;max-width:320px}.hero__cta{width:100%}.how{padding:var(--spacing-xxl) var(--spacing-md)}.how__title{font-size:24px;line-height:32px}.how__grid{gap:var(--spacing-md);grid-template-columns:1fr}}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:100;padding:var(--spacing-md);background-color:#0a0a0fd9;justify-content:center;align-items:center;animation:.2s ease-out modal-fade-in;display:flex;position:fixed;inset:0}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal{background-color:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-xl);width:90%;max-width:480px;max-height:90vh;animation:.25s ease-out modal-slide-up;position:relative;overflow-y:auto}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal__close{top:var(--spacing-md);right:var(--spacing-md);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background-color:#0000;border:none;justify-content:center;align-items:center;padding:0;font-size:24px;line-height:1;transition:all .15s;display:flex;position:absolute}.modal__close:hover{background-color:var(--bg-elevated);color:var(--text-primary)}.modal__title{font-family:var(--font-ko);color:var(--text-primary);margin:0 0 var(--spacing-xs);padding-right:var(--spacing-xxl);font-size:22px;font-weight:700;line-height:30px}.modal__desc{font-family:var(--font-ko);color:var(--text-secondary);margin:0 0 var(--spacing-lg);font-size:15px;font-weight:400;line-height:22px}.modal__form{flex-direction:column;display:flex}.modal__input{background-color:var(--bg-surface);border:1px solid var(--border-default);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-ko);margin-bottom:var(--spacing-md);outline:none;font-size:16px;line-height:24px;transition:border-color .15s}.modal__input:focus{border-color:var(--accent-primary)}.modal__input:disabled{opacity:.6;cursor:not-allowed}.modal__input::placeholder{color:var(--text-tertiary)}.modal__error{font-family:var(--font-ko);color:var(--state-error);margin:0 0 var(--spacing-md);margin-top:calc(var(--spacing-md) * -1 + 4px);font-size:13px;font-weight:400;line-height:18px}.modal__submit{background-color:var(--accent-primary);color:var(--bg-primary);font-family:var(--font-ko);padding:14px var(--spacing-lg);border-radius:var(--radius-sm);cursor:pointer;border:none;width:100%;min-height:48px;font-size:15px;font-weight:600;line-height:22px;transition:all .15s}.modal__submit:hover:not(:disabled){background-color:var(--accent-primary-hover)}.modal__submit:disabled{opacity:.6;cursor:not-allowed}.modal__notice{font-family:var(--font-ko);color:var(--text-tertiary);margin:var(--spacing-sm) 0 0;text-align:center;font-size:13px;font-weight:400;line-height:18px}.modal__finished{text-align:center;padding:var(--spacing-md) 0}.modal__finished .modal__title{margin-bottom:var(--spacing-sm);padding-right:0}.modal__finished-desc{font-family:var(--font-ko);color:var(--text-secondary);margin:0;font-size:15px;font-weight:400;line-height:22px}
