:root{--primary: #3b82f6;--secondary: #8b5cf6;--success: #16a34a;--warning: #d97706;--danger: #dc2626;--surface: #ffffff;--text: #111827;--neutral: #ffffff;--muted: rgba(17, 24, 39, .6);--card-bg: rgba(255, 255, 255, .96);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--spacing-sm: 4px;--spacing-md: 8px;--spacing-lg: 16px;--max-width: 480px;--bg-desktop: #f0f4f8}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:PretendardVariable,Pretendard,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans KR,Helvetica Neue,Arial;background-color:var(--bg-desktop);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;justify-content:center}#root{width:100%;max-width:var(--max-width);background:linear-gradient(180deg,#fff,#f0f7ff);min-height:100vh;box-shadow:0 0 60px #0000000d;position:relative;display:flex;flex-direction:column}html,body{height:100%;margin:0;background-color:var(--bg-desktop)}.hero-wrap{padding:48px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(120deg,#3b82f60f,#8b5cf608);text-align:center}.hero{width:100%;display:flex;flex-direction:column;gap:24px;align-items:center}.hero-left{flex:none;width:100%}.display-title{font-family:PretendardVariable,Pretendard,system-ui,-apple-system,Segoe UI,Roboto;font-size:40px;line-height:1.2;margin:0 0 12px;letter-spacing:-.02em;color:var(--text)}.subtitle{color:var(--muted);margin-bottom:24px;font-size:18px;line-height:1.6}.hero-cta{display:flex;flex-direction:column;gap:12px;width:100%}.btn-primary{background:linear-gradient(90deg,var(--primary),var(--secondary));color:var(--surface);border-radius:12px;padding:20px;font-weight:700;font-size:18px;box-shadow:0 10px 30px #3b82f624;border:0;width:100%}.hero-right{width:100%;display:flex;align-items:center;justify-content:center;order:-1;margin-bottom:20px}.mountain-graphic{width:100%;max-width:280px;height:160px;background:linear-gradient(180deg,var(--primary),var(--secondary));border-radius:24px;box-shadow:0 12px 40px #3b82f624;position:relative;overflow:hidden}.mountain-graphic:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-10%;height:60%;background:radial-gradient(closest-side,rgba(255,255,255,.06),transparent);transform:rotate(-12deg)}.container{max-width:var(--max-width);margin:0 auto;padding:16px;width:100%;box-sizing:border-box}.card{background:var(--card-bg);border-radius:var(--radius-lg);padding:32px 20px;box-shadow:0 8px 30px #0a14280a;width:100%;box-sizing:border-box}button{background:linear-gradient(90deg,var(--primary),var(--secondary));color:var(--surface);border:0;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:700}input,select{padding:12px 14px;border-radius:10px;border:1px solid rgba(17,24,39,.06);width:100%;font-family:inherit;font-size:18px}h1,h2,h3{margin:6px 0}.label-caps{font-family:PretendardVariable,Pretendard,system-ui;text-transform:uppercase;letter-spacing:1px;font-size:14px;color:var(--primary);display:block}#result-card{background:linear-gradient(180deg,var(--surface),#fbfdff);padding:14px;border-radius:var(--radius-lg);box-shadow:0 10px 30px #0a14280a}@media (max-width: 800px){.hero{flex-direction:column;gap:18px}.hero-right{order:-1}.display-title{font-size:28px}}@keyframes pulse{0%{transform:scale(.9);opacity:.9}50%{transform:scale(1.05);opacity:1}to{transform:scale(.9);opacity:.9}}.hero-left{animation:fadeInUp .9s cubic-bezier(.2,.9,.3,1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.card{transition:transform .28s ease,box-shadow .28s ease}.card:hover{transform:translateY(-6px);box-shadow:0 20px 50px #0a142814}.hero-left>*{opacity:0;transform:translateY(10px);animation:fadeInUp .7s cubic-bezier(.2,.9,.3,1) both}.hero-left>*:nth-child(1){animation-delay:.05s}.hero-left>*:nth-child(2){animation-delay:.12s}.hero-left>*:nth-child(3){animation-delay:.22s}.btn-primary{transition:transform .18s ease,box-shadow .18s ease}.btn-primary:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 18px 48px #3b82f62e}.card-enter{animation:cardIn .42s cubic-bezier(.2,.9,.2,1) both}@keyframes cardIn{0%{opacity:0;transform:translateY(12px) scale(.995)}to{opacity:1;transform:none}}#result-card>*{opacity:0;transform:translateY(12px);animation:cardIn .48s cubic-bezier(.2,.9,.2,1) both}#result-card>*:nth-child(1){animation-delay:.06s}#result-card>*:nth-child(2){animation-delay:.12s}#result-card>*:nth-child(3){animation-delay:.18s}.title-char{display:inline-block;opacity:0;transform:translateY(8px);animation:charIn .56s cubic-bezier(.2,.9,.2,1) forwards}@keyframes charIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner{display:inline-block;width:40px;height:40px;border:4px solid rgba(59,130,246,.3);border-radius:50%;border-top-color:var(--primary);animation:spin 1s linear infinite}