body{margin:0}#root{min-height:100vh}:root{--bg:#f2f4f8;--text:#132038;--muted:#5a667f;--line:#1320381f;--brand:#15b06b;--brand-dark:#0d8f56}*{box-sizing:border-box}html,body,#root,.page{min-height:100%}body{color:var(--text);background:var(--bg);margin:0;font-family:Pretendard,Noto Sans KR,Segoe UI,sans-serif}p,h1,h2,h3,ul{margin:0}button,input,select,textarea{font:inherit}.top-nav{z-index:80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;border-bottom:1px solid #e6ebf2;justify-content:space-between;align-items:center;gap:12px;min-height:72px;padding:10px 16px;display:flex;position:sticky;top:0}.menu-icon{color:#41506f;cursor:pointer;background:0 0;border:0;font-size:1.35rem}.logo-wrap{align-items:center;gap:10px;margin-right:auto;display:flex}.logo-badge{color:#fff;background:linear-gradient(135deg,#12c978,#0ca760);border-radius:10px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.logo-wrap strong{font-size:1.06rem;display:block}.logo-wrap p{color:#60708d;font-size:.82rem}.auth-actions{align-items:center;gap:8px;display:none}.auth-actions button{color:#32435f;cursor:pointer;background:#fff;border:1px solid #d1dae8;border-radius:10px;min-height:38px;padding:0 12px}.auth-actions .login-btn{background:var(--brand);border-color:var(--brand);color:#fff}.menu-drawer{z-index:75;background:#fff;border:1px solid #e2e8f2;border-top:0;border-radius:0 0 14px 14px;gap:8px;margin:0 12px;padding:10px;display:grid;position:sticky;top:72px}.menu-drawer button{text-align:left;cursor:pointer;background:#f9fbff;border:1px solid #d8e1ef;border-radius:10px;min-height:40px;padding:0 12px}main{max-width:1240px;margin:0 auto;padding:14px 12px 40px}.hero{border-radius:22px;min-height:72svh;position:relative;overflow:hidden;box-shadow:0 22px 50px #12162c40}.hero img{object-fit:cover;width:100%;height:100%;min-height:72svh;display:block}.hero-overlay{background:linear-gradient(#14182d33,#0a0c18bd);position:absolute;inset:0}.hero-content{color:#fff;text-align:center;width:min(92%,780px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-badge{border:1px solid #ffffff6b;border-radius:999px;padding:8px 14px;font-size:.95rem;display:inline-flex}.hero-content h1{letter-spacing:-.03em;margin-top:16px;font-size:clamp(2rem,6vw,4.6rem);line-height:1.02}.hero-content p{margin-top:16px;font-size:clamp(1rem,2vw,1.3rem)}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;display:flex}.primary-hero,.secondary-hero,.primary-btn{cursor:pointer;border:0;border-radius:14px;min-height:48px;padding:0 18px;font-weight:700}.primary-hero,.primary-btn{color:#fff;background:#ff736d}.secondary-hero{color:#fff;background:#17b978}.quick-shortcuts{z-index:2;background:#fff;border:1px solid #e0e7f1;border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(1000px,95%);margin:-26px auto 0;padding:12px;display:grid;position:relative;box-shadow:0 10px 28px #17223924}.quick-shortcuts button{color:#304562;cursor:pointer;background:#f8fbff;border:1px solid #dbe3f0;border-radius:12px;min-height:46px;font-weight:600}.content-section{margin-top:26px}.section-headline{justify-content:space-between;align-items:center;gap:10px;display:flex}.section-headline h2{letter-spacing:-.02em;font-size:clamp(1.5rem,3.2vw,2.6rem)}.section-headline button{color:#0b8f59;cursor:pointer;background:0 0;border:0;font-weight:700}.section-sub{color:var(--muted);margin-top:8px}.template-row{grid-auto-columns:minmax(240px,1fr);grid-auto-flow:column;gap:12px;margin-top:14px;padding-bottom:4px;display:grid;overflow-x:auto}.template-card{border-radius:16px;min-height:320px;position:relative;overflow:hidden}.template-card img{object-fit:cover;width:100%;height:100%;display:block}.template-card:after{content:"";background:linear-gradient(#0000 50%,#000000a3);position:absolute;inset:0}.template-copy{z-index:2;color:#fff;position:absolute;bottom:14px;left:14px;right:14px}.template-copy h3{letter-spacing:-.02em;font-size:1.8rem}.template-copy span{color:#ffffffe6;margin-top:4px;display:block}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.guide-card{border-radius:16px;min-height:260px;position:relative;overflow:hidden}.guide-card img{object-fit:cover;width:100%;height:100%;display:block}.guide-card:after{content:"";background:linear-gradient(#0000 56%,#0000009e);position:absolute;inset:0}.guide-copy{z-index:2;color:#fff;position:absolute;bottom:14px;left:14px;right:14px}.guide-copy h3{font-size:1.9rem}.guide-copy p{color:#ffffffe6;margin-top:4px}.panel{border:1px solid var(--line);background:#fff;border-radius:18px;margin-top:14px;padding:18px 14px}.strip-title{letter-spacing:.12em;text-transform:uppercase;color:#4f5a74;font-size:.74rem}.panel h2{margin-top:8px;font-size:clamp(1.5rem,4vw,2.4rem)}.question-count{color:#3b507f;background:#edf1fb;border-radius:999px;margin-top:10px;padding:6px 12px;font-size:.82rem;display:inline-flex}.form-grid{gap:10px;margin-top:14px;display:grid}.question-card{background:#f8faff;border:1px solid #dce4f2;border-radius:12px;gap:10px;padding:12px;display:grid}.question-label{font-weight:700}.choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.choice-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-btn,.choice-row,.chip{cursor:pointer;background:#fff;border:1px solid #d9e1f0;border-radius:10px;min-height:40px}.choice-btn.active,.choice-row.active,.chip.active{color:#21397d;background:#e8f0ff;border-color:#6e8be0;font-weight:700}.row-choice{gap:8px;display:grid}.choice-row{text-align:left;padding:10px}.choice-row span{color:var(--muted);margin-top:4px;font-size:.85rem;display:block}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{border-radius:999px;min-height:36px;padding:0 12px}.scale-row{justify-content:center;gap:20px;display:flex}.scale-dot{background:#fff;border:2px solid #9ba8c8;border-radius:999px;width:36px;height:36px}.scale-dot.active-left{border-color:#5a56f0;box-shadow:0 0 0 4px #5a56f01f}.scale-dot.active-right{border-color:#ff7929;box-shadow:0 0 0 4px #ff792924}.scale-label{color:#63708a;justify-content:space-between;display:flex}.error{color:#c62525;font-size:.9rem}.form-submit{min-height:44px}.result-panel{gap:12px;display:grid}.result-desc{color:#4f5a74;line-height:1.6}.result-block{border-top:1px solid var(--line);padding-top:10px}.result-block ul{margin-top:8px;padding-left:18px}@media (width>=900px){.auth-actions{display:flex}.hero,.hero img{min-height:680px}.quick-shortcuts,.guide-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.panel{padding:22px}.form-grid{grid-template-columns:1fr 1fr}.form-grid .question-card:nth-child(3),.form-grid .question-card:nth-child(5),.form-grid .question-card:nth-child(6),.form-grid .error,.form-grid .form-submit{grid-column:1/-1}}