:root{--background:#fffaf7;--foreground:#2d3436;--muted:#6b7280;--surface:#fff;--surface-2:#fff4f1;--border:#f3e4e4;--accent:#ff6b8b;--accent-hover:#ff4f77;--accent-soft:#ffe4ea;--accent-foreground:#fff;--secondary:#3ec9c0;--secondary-hover:#2fb5ac;--secondary-soft:#dff8f6;--yellow:#ffd93d;--yellow-soft:#fff6c7;--purple:#a29bfe;--purple-soft:#ece9ff;--sky:#74c0fc;--sky-soft:#e3f2ff;--mint-soft:#e2fbe9;--orange-soft:#ffe8d6;--gradient-brand:linear-gradient(135deg,#ff6b8b 0%,#ff9a62 50%,#ffd93d 100%);--gradient-hero:linear-gradient(160deg,#fff1f4 0%,#fff7e6 45%,#e8f7ff 100%);--gradient-quiz:linear-gradient(135deg,#a29bfe 0%,#74c0fc 100%);--font-body:"Pretendard Variable","Pretendard",-apple-system,BlinkMacSystemFont,system-ui,Roboto,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;--font-display:var(--font-jua),"Jua","Pretendard Variable","Pretendard",system-ui,sans-serif;--radius-sm:10px;--radius-md:18px;--radius-lg:28px;--radius-full:9999px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:72px;--shadow-sm:0 2px 6px #ff6b8b0f,0 1px 2px #0000000a;--shadow-md:0 8px 20px #ff6b8b1a,0 2px 6px #0000000d;--shadow-lg:0 18px 40px -10px #ff6b8b40,0 6px 16px #0000000f}@media (prefers-color-scheme:dark){:root{--background:#16151a;--foreground:#f3f1f5;--muted:#a9a5b3;--surface:#221f27;--surface-2:#2a2630;--border:#35303c;--accent:#ff7d9a;--accent-hover:#ff96ad;--accent-soft:#3a2630;--accent-foreground:#fff;--secondary:#4fd5cc;--secondary-hover:#6ee0d8;--secondary-soft:#1f3534;--yellow-soft:#3a351f;--purple-soft:#2b2840;--sky-soft:#1f2f3d;--mint-soft:#1f3528;--orange-soft:#3a2c22;--gradient-hero:linear-gradient(160deg,#2a2030 0%,#1d1c2a 50%,#182430 100%);--shadow-sm:0 2px 6px #0000004d;--shadow-md:0 8px 20px #00000059;--shadow-lg:0 18px 40px -10px #00000080}}*{box-sizing:border-box}html,body{scroll-behavior:smooth;max-width:100vw;margin:0;padding:0;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 10% 0,#ffd93d1f,#0000 35%),radial-gradient(circle at 90% 10%,#ff6b8b1a,#0000 35%);background-attachment:fixed;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button,input{font-family:inherit}h1,h2,h3,h4{letter-spacing:-.01em;margin:0;line-height:1.25}p{margin:0}.display{font-family:var(--font-display);letter-spacing:.01em;font-weight:400}.text-gradient{background:var(--gradient-brand);color:#0000;-webkit-background-clip:text;background-clip:text}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes logoBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes floaty{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-12px)rotate(6deg)}}@keyframes wiggle{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}.fade-in{animation:.5s ease-out forwards fadeIn}.container{width:100%;max-width:1200px;padding:0 var(--spacing-md);margin:0 auto}@media (max-width:768px){.container{padding:0 var(--spacing-md)}}.main-content{min-height:calc(100vh - 160px);padding-bottom:var(--spacing-2xl)}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;border:none;padding:14px 28px;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s,background-color .15s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--gradient-brand);color:#fff;box-shadow:0 8px 20px #ff6b8b59}.btn-primary:hover{box-shadow:0 12px 26px #ff6b8b73}.btn-secondary{background:var(--secondary);color:#fff;box-shadow:0 8px 20px #3ec9c04d}.btn-secondary:hover{background:var(--secondary-hover)}.btn-ghost{background:var(--surface);color:var(--foreground);border:2px solid var(--border)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.chip{border-radius:var(--radius-full);background:var(--surface);border:2px solid var(--border);color:var(--foreground);align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-flex}.chip:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.section{margin-top:var(--spacing-3xl)}@media (max-width:768px){.section{margin-top:var(--spacing-2xl)}}@media print{@page{size:A4 portrait;margin:10mm}header,footer,.no-print{display:none!important}body{background:#fff!important}.main-content{min-height:auto!important;padding:0!important}.print-image{page-break-inside:avoid;box-shadow:none!important;aspect-ratio:auto!important;border:none!important;border-radius:0!important;width:100%!important;height:auto!important;margin:0!important}body:has(.print-image)>:not(.main-content){display:none!important}.main-content:has(.print-image){position:fixed;inset:0;margin:0!important}.main-content:has(.print-image) .container{max-width:none!important;margin:0!important;padding:0!important}.print-image{width:190mm!important;max-width:none!important;height:268.77mm!important}.print-image img{object-fit:contain;padding:0!important}}