*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--font: "Pretendard Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius: 6px;--transition: .2s ease;--max-w: 460px}[data-theme=dark]{--color-bg: #0A0A0B;--color-surface: #151517;--color-surface-hover: #1C1C1F;--color-border: #2A2A2E;--color-text: #F0F0F0;--color-text-sub: #9A9A9E;--color-text-muted: #636367;--color-accent: #E8D5B7;--color-accent-hover: #D4BE9C;--color-accent-text: #0A0A0B;--color-error: #E85D5D;--color-toast-bg: #1C1C1F}[data-theme=light]{--color-bg: #FAFAFA;--color-surface: #FFFFFF;--color-surface-hover: #F3F3F3;--color-border: #E0E0E0;--color-text: #1A1A1B;--color-text-sub: #6B6B6F;--color-text-muted: #9A9A9E;--color-accent: #B8956A;--color-accent-hover: #A6804F;--color-accent-text: #FFFFFF;--color-error: #D44;--color-toast-bg: #FFFFFF}html{font-size:16px;-webkit-text-size-adjust:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch}body{font-family:var(--font);background:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--transition),color var(--transition)}.step{display:none;opacity:0;min-height:100%}.step--active{display:block;animation:fadeIn .3s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hero{display:flex;align-items:center;justify-content:center;padding:140px 24px 80px}.hero__content{max-width:var(--max-w);width:100%;text-align:center}.hero__logo{font-size:3.2rem;font-weight:800;letter-spacing:-.02em;margin-bottom:24px;color:var(--color-text)}.hero__colon{color:var(--color-accent)}.hero__title{font-size:1.5rem;font-weight:700;line-height:1.4;margin-bottom:12px;letter-spacing:-.01em}.hero__sub{font-size:.95rem;color:var(--color-text-sub);line-height:1.6;margin-bottom:36px}.hero__cta{font-size:1.05rem;padding:16px 40px}.hero__deadline{margin-top:12px;font-size:.8rem;color:var(--color-text-muted);letter-spacing:.02em}.value-props{max-width:var(--max-w);margin:0 auto;padding:0 24px 48px;display:flex;flex-direction:column;gap:20px}.value-props__item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:20px 24px;transform:translateZ(0)}.value-props__label{display:block;font-size:.95rem;font-weight:700;margin-bottom:4px}.value-props__desc{font-size:.85rem;color:var(--color-text-sub)}.hero__bottom-cta{text-align:center;padding:32px 24px 80px}.hero__bottom-text{font-size:.9rem;color:var(--color-text-sub);margin-bottom:16px}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font);font-weight:600;font-size:.95rem;border:none;border-radius:var(--radius);cursor:pointer;transition:background var(--transition),opacity var(--transition);-webkit-tap-highlight-color:transparent}.btn--primary{background:var(--color-accent);color:var(--color-accent-text);padding:14px 32px}.btn--primary:hover{background:var(--color-accent-hover)}.btn--primary:active{opacity:.9}.btn--primary:disabled{opacity:.35;cursor:not-allowed}.btn--full{width:100%}.btn--loading{pointer-events:none;position:relative}.btn--loading:after{content:"";width:18px;height:18px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .6s linear infinite;margin-left:8px}@keyframes spin{to{transform:rotate(360deg)}}.privacy-notice{font-size:.75rem;color:var(--color-text-muted);text-align:center;margin-top:12px;line-height:1.5}.form-container{max-width:var(--max-w);margin:0 auto;padding:0 24px;padding-top:max(24px,env(safe-area-inset-top));min-height:100%;display:flex;flex-direction:column}.step-header{display:flex;align-items:center;gap:12px;padding:16px 0}.back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text-sub);cursor:pointer;flex-shrink:0;transition:border-color var(--transition);-webkit-tap-highlight-color:transparent}.back-btn:hover{border-color:var(--color-text-muted)}.progress{flex:1;height:3px;background:var(--color-border);border-radius:2px;overflow:hidden}.progress__bar{height:100%;background:var(--color-accent);border-radius:2px;transition:width .4s ease}.form-title{font-size:1.35rem;font-weight:700;margin-top:24px;margin-bottom:8px;letter-spacing:-.01em}.form-desc{font-size:.9rem;color:var(--color-text-sub);margin-bottom:32px}.survey-intro{font-size:1rem;font-weight:600;color:var(--color-text);margin-bottom:28px}.input-group{margin-bottom:24px;flex:1}.input{width:100%;padding:14px 16px;font-family:var(--font);font-size:.95rem;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);outline:none;transition:border-color var(--transition);-webkit-appearance:none}.input::placeholder{color:var(--color-text-muted)}.input:focus{border-color:var(--color-accent)}.input--error{border-color:var(--color-error)}.input--textarea{resize:vertical;min-height:80px;max-height:200px;line-height:1.5}.input-error{font-size:.8rem;color:var(--color-error);margin-top:6px;min-height:1.2em}.optional-tag{font-weight:400;color:var(--color-text-muted);font-size:.8rem}.survey__legend-sub{font-size:.8rem;color:var(--color-accent);margin-bottom:12px;font-weight:400}.input--inline{margin-top:8px;padding:10px 12px;font-size:.85rem}.survey{flex:1;padding-bottom:40px}.survey__q{border:none;margin-bottom:28px;transition:outline .2s ease}.survey__q--error .survey__legend:after{content:" *";color:var(--color-error)}.survey__q--conditional{overflow:hidden;transition:max-height .35s ease,opacity .3s ease,margin .3s ease}.survey__q--conditional[hidden]{display:block!important;max-height:0;opacity:0;margin-bottom:0;pointer-events:none}.survey__q--conditional:not([hidden]){max-height:500px;opacity:1}.survey__legend{font-size:.9rem;font-weight:600;margin-bottom:12px;display:block}.survey__options{display:flex;flex-direction:column;gap:8px}.option{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;font-size:.88rem;transition:border-color var(--transition),background var(--transition);-webkit-tap-highlight-color:transparent;min-height:46px}.option:hover{background:var(--color-surface-hover)}.option:has(input:checked){border-color:var(--color-accent);background:var(--color-surface)}.option input[type=radio],.option input[type=checkbox]{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:1.5px solid var(--color-border);border-radius:50%;flex-shrink:0;position:relative;cursor:pointer;transition:border-color var(--transition)}.option input[type=checkbox]{border-radius:4px}.option input:checked{border-color:var(--color-accent);background:var(--color-accent)}.option input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:var(--color-accent-text);border-radius:50%}.option input[type=checkbox]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-55%) rotate(45deg);width:5px;height:9px;border-right:2px solid var(--color-accent-text);border-bottom:2px solid var(--color-accent-text)}.option span{flex:1;line-height:1.4}.option--other{flex-wrap:wrap}.option--other .input--inline{width:100%;flex-basis:100%}.privacy-consent{margin-top:32px;padding:16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius)}.privacy-consent__label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.9rem;font-weight:500;color:var(--color-text)}.privacy-consent__label input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.privacy-consent__check{flex-shrink:0;width:18px;height:18px;border:1.5px solid var(--color-border);border-radius:3px;transition:all var(--transition);position:relative}.privacy-consent__label input:checked~.privacy-consent__check{background:var(--color-accent);border-color:var(--color-accent)}.privacy-consent__label input:checked~.privacy-consent__check:after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid var(--color-accent-text);border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.privacy-consent__detail{margin-top:10px;padding-top:10px;border-top:1px solid var(--color-border)}.privacy-consent__detail p{font-size:.75rem;color:var(--color-text-muted);line-height:1.7}.survey__submit{margin-top:16px}.survey__submit:disabled{opacity:.4;cursor:not-allowed}.complete{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:160px 24px 80px;text-align:center}.complete__icon{margin-bottom:28px;opacity:0;animation:checkAppear .5s ease .2s forwards}@keyframes checkAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.complete__check{stroke-dasharray:40;stroke-dashoffset:40;animation:drawCheck .4s ease .5s forwards}@keyframes drawCheck{to{stroke-dashoffset:0}}.complete__title{font-size:1.4rem;font-weight:700;margin-bottom:12px}.complete__desc{font-size:.9rem;color:var(--color-text-sub);line-height:1.7}.theme-toggle{position:fixed;bottom:24px;right:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text-sub);cursor:pointer;z-index:100;transition:border-color var(--transition);-webkit-tap-highlight-color:transparent}.theme-toggle:hover{border-color:var(--color-text-muted)}[data-theme=dark] .theme-toggle__icon--light,[data-theme=light] .theme-toggle__icon--dark{display:none}.toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:var(--color-toast-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:12px 16px;display:flex;align-items:center;gap:12px;z-index:200;max-width:calc(100vw - 48px);box-shadow:0 4px 20px #00000026;animation:toastIn .25s ease}.toast[hidden]{display:none}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.toast__msg{font-size:.85rem;color:var(--color-text)}.toast__close{background:none;border:none;color:var(--color-text-muted);font-size:1.2rem;cursor:pointer;padding:0 4px;-webkit-tap-highlight-color:transparent}@media(min-width:768px){.hero__logo{font-size:4rem}.hero__title{font-size:1.75rem}}