*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--pink: #ec4899;--pink-light: #f9a8d4;--pink-pale: #fdf2f8;--peach: #fb7185;--peach-light: #fda4af;--peach-pale: #fff1f2;--mint: #14b8a6;--mint-light: #5eead4;--mint-pale: #f0fdfa;--sky: #0ea5e9;--sky-light: #7dd3fc;--sky-pale: #f0f9ff;--lemon: #f8fafc;--lemon-light: #e2e8f0;--lemon-pale: #f8fafc;--lavender: #8b5cf6;--lavender-light: #c4b5fd;--lavender-pale: #f5f3ff;--lime: #22c55e;--lime-pale: #f0fdf4;--coral: #f43f5e;--cream: #fff8f0;--white: #ffffff;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--navy: #1e3a5f;--radius: 16px;--radius-sm: 10px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px;--shadow-xs: 0 1px 3px rgba(0,0,0,.04);--shadow-sm: 0 2px 8px rgba(0,0,0,.06);--shadow: 0 4px 16px rgba(0,0,0,.07);--shadow-md: 0 8px 24px rgba(0,0,0,.08);--shadow-lg: 0 16px 40px rgba(0,0,0,.08);--shadow-pink: 0 8px 24px rgba(255,107,157,.2);--shadow-mint: 0 8px 24px rgba(61,214,192,.2);--shadow-sky: 0 8px 24px rgba(91,196,245,.2)}html{scroll-behavior:smooth}@keyframes fadeUp{0%{opacity:0;transform:translate(-50%) translateY(16px)}to{opacity:1;transform:translate(-50%) translateY(0)}}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);font-family:Inter,Noto Sans KR,Pretendard,Trebuchet MS,Malgun Gothic,sans-serif;background:radial-gradient(circle at 8% 12%,rgba(251,191,36,.11) 0 150px,transparent 165px),radial-gradient(circle at 90% 20%,rgba(244,114,182,.09) 0 130px,transparent 145px),radial-gradient(circle at 14% 88%,rgba(45,212,191,.08) 0 150px,transparent 165px),var(--cream);color:var(--gray-700);line-height:1.65;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:Poppins,Noto Sans KR,Pretendard,sans-serif;line-height:1.25;color:var(--navy)}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 28px;border-radius:var(--radius-full);font-family:Inter,Noto Sans KR,Pretendard,sans-serif;font-weight:700;font-size:15px;border:none;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.btn-primary{background:#111827;color:#fff;box-shadow:0 8px 22px #11182747}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 28px #1118275c}.btn-secondary{background:#fff;color:#fff;color:#111827;border:1.5px solid #d1d5db;box-shadow:0 8px 20px #0f172a14}.btn-secondary:hover{transform:translateY(-2px) scale(1.02);border-color:#c4b5fd;box-shadow:0 10px 24px #8b5cf629}.btn-outline{background:#ffffff40;color:#fff;border:2.5px solid rgba(255,255,255,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn-outline:hover{background:#fff6;transform:translateY(-2px)}.card{background:#fff;border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow);transition:all .3s cubic-bezier(.34,1.56,.64,1);border:1.5px solid rgba(15,23,42,.08)}.card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 20px 36px #0f172a1f}.section{padding:80px 0}.section-title{font-size:32px;margin-bottom:12px;text-align:center}.section-subtitle{font-size:16px;color:var(--gray-500);text-align:center;max-width:600px;margin:0 auto 48px}.section-title{text-shadow:0 1px 0 rgba(139,92,246,.15);letter-spacing:-.4px}.badge{display:inline-block;padding:4px 14px;border-radius:var(--radius-full);font-size:12px;font-weight:700}.badge-pink{background:var(--pink-pale);color:var(--pink)}.badge-mint{background:var(--mint-pale);color:#0d9488}.badge-sky{background:var(--sky-pale);color:#0284c7}.badge-lemon{background:var(--lemon-pale);color:#b45309}.badge-teal{background:var(--mint-pale);color:#0d9488}.badge-amber{background:var(--lemon-pale);color:#b45309}.badge-coral{background:var(--peach-pale);color:#c2410c}input,select,textarea{font-family:Inter,Noto Sans KR,Pretendard,sans-serif;border-radius:var(--radius-sm)}.segment-control{display:flex;background:var(--gray-100);border-radius:var(--radius-full);padding:4px;gap:3px}.segment-control button{flex:1;padding:9px 14px;border:none;border-radius:var(--radius-full);font-family:Inter,Noto Sans KR,Pretendard,sans-serif;font-size:13px;font-weight:600;cursor:pointer;background:transparent;color:var(--gray-500);transition:all .2s ease}.segment-control button.active{background:#fff;color:var(--navy);box-shadow:var(--shadow-xs)}.bar-chart{display:flex;flex-direction:column;gap:10px}.bar-chart-row{display:flex;align-items:center;gap:10px}.bar-chart-label{min-width:70px;font-size:13px;color:var(--gray-500);text-align:right;font-weight:600}.bar-chart-track{flex:1;height:34px;background:var(--gray-100);border-radius:var(--radius-full);overflow:hidden}.bar-chart-fill{height:100%;border-radius:var(--radius-full);display:flex;align-items:center;padding:0 14px;font-size:12px;font-weight:700;color:#fff;min-width:fit-content;transition:width .7s cubic-bezier(.34,1.56,.64,1);text-shadow:0 1px 2px rgba(0,0,0,.25)}.bar-chart-fill--meal{background:linear-gradient(90deg,#c2410c,#ea580c)!important;color:#fff!important}.quiz-card{transition:transform .25s ease,box-shadow .25s ease}.quiz-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.quiz-progress-track{height:8px;background:#fffc;border-radius:999px;overflow:hidden;border:1px solid rgba(0,0,0,.06)}.quiz-progress-fill{height:100%;border-radius:999px;transition:width .35s ease}.quiz-option-btn{width:100%;text-align:left;padding:14px 18px;border-radius:14px;border:1.5px solid #e2e8f0;background:#fffef9;font-size:15px;font-weight:600;color:#334155;cursor:pointer;transition:border-color .2s,background .2s,transform .15s}.quiz-option-btn:hover{border-color:#ec4899;background:#ffe0f1;transform:translate(4px)}.quiz-mbti-chip{display:inline-block;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;background:#fff;color:#7c3aed;border:1.5px solid #ddd6fe;text-decoration:none;transition:background .2s}.quiz-mbti-chip:hover{background:#ede9fe}.cute-divider{display:flex;align-items:center;justify-content:center;gap:8px;margin:16px auto 0}.cute-divider:before,.cute-divider:after{content:"";width:40px;height:3px;border-radius:2px;background:#e2e8f0}.bubble-tag{display:inline-block;padding:3px 10px;border-radius:var(--radius-full);background:#f5f3ff;color:#7c3aed;font-size:11px;font-weight:600}.holiday-wave{position:relative;overflow:hidden}.holiday-wave:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:60px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 1440 60' fill='%23fffef9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,30 C360,60 720,0 1080,30 C1260,45 1380,50 1440,30 L1440,60 L0,60 Z'/%3E%3C/svg%3E") no-repeat bottom center;background-size:cover}.floating{animation:float 4s ease-in-out infinite}.floating-2{animation:float 5s ease-in-out infinite .8s}.floating-3{animation:float 3.5s ease-in-out infinite 1.5s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(5deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.7}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.section{padding:48px 0}.section-title{font-size:24px}.btn{padding:11px 22px;font-size:14px}.container{padding:0 16px}}@media (max-width: 480px){.section{padding:36px 0}.section-title{font-size:20px}}body{top:0!important}.google-translate-anchor{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden}.goog-te-banner-frame.skiptranslate,.goog-te-gadget-icon,.goog-logo-link{display:none!important}