@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700&display=swap";:root{--background: #faf8f5;--foreground: #3d3a4d;--primary: #9990c8;--primary-soft: #b5aed8;--primary-strong: #7466a8;--secondary: #f0edf7;--muted: #f3f0ed;--muted-foreground: #726d82;--card: #ffffff;--border: rgba(153, 144, 200, .14);--shadow-soft: 0 2px 12px rgba(153, 144, 200, .08);--shadow-card: 0 4px 24px rgba(153, 144, 200, .1);--shadow-cta: 0 4px 20px rgba(153, 144, 200, .3)}html{font-size:16px;scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--background);color:var(--foreground);font-family:Noto Sans KR,sans-serif}body,button,a,input,textarea{font:inherit}*,*:before,*:after{box-sizing:border-box}a{color:inherit;text-decoration:none}button{padding:0;background:none;border:0;color:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--primary-strong);outline-offset:4px}img{display:block;max-width:100%}.page-shell{width:100%;max-width:480px;min-height:100vh;margin:0 auto}.section-heading{margin:0 0 .5rem;color:var(--primary-strong);font-size:.75rem;letter-spacing:.15em;text-align:center}.section-title{margin:0;color:var(--foreground);font-size:1.375rem;font-weight:500;line-height:1.45;text-align:center}.section-subtitle{margin:0;color:var(--muted-foreground);font-size:.875rem;line-height:1.6;text-align:center}.gradient-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:999px;color:#fff;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-soft) 100%);box-shadow:var(--shadow-cta);transition:transform .25s ease,box-shadow .25s ease}.gradient-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #9990c859}.reveal-ready{opacity:0;transform:translate3d(var(--reveal-x, 0),var(--reveal-y, 28px),0);transition:opacity .6s ease,transform .6s ease;transition-delay:var(--reveal-delay, 0ms)}.reveal-visible{opacity:1;transform:translateZ(0)}.hero-animate{opacity:0;transform:translateY(var(--hero-offset, 24px));animation:hero-enter .7s ease forwards;animation-delay:var(--hero-delay, 0ms)}.hero-animate--scale{transform:scale(.88);animation-name:hero-scale-in}.interactive-card{transition:transform .3s ease,box-shadow .3s ease}.interactive-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px #9990c829}.toast{position:fixed;left:50%;bottom:1.5rem;z-index:20;min-width:220px;max-width:min(90vw,360px);padding:.875rem 1rem;border:1px solid rgba(153,144,200,.18);border-radius:999px;background:#3d3a4deb;color:#fff;text-align:center;box-shadow:0 10px 32px #28224638;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;opacity:0;transform:translate(-50%,18px);transition:opacity .25s ease,transform .25s ease}.toast--open{opacity:1;transform:translate(-50%)}@keyframes hero-enter{0%{opacity:0;transform:translateY(var(--hero-offset, 24px))}to{opacity:1;transform:translateY(0)}}@keyframes hero-scale-in{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes float-scroll{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal-ready,.hero-animate,.gradient-button,.interactive-card,.toast{transition:none;animation:none;transform:none;opacity:1}}