:root{--color-content-bg: #f5f8fc;--color-bg-start: #eef0f3;--color-bg-end: #f4f1f0;--color-primary: #4f6df5;--color-primary-dark: #3b54c4;--color-accent: #22c1a8;--color-accent-dark: #1a9a85;--color-text: #2b2d42;--color-text-muted: #6b7280;--color-card-bg: #ffffff;--shadow-soft: 0 10px 30px rgba(43, 45, 66, .08);--shadow-card: 0 6px 16px rgba(43, 45, 66, .06);--radius-lg: 20px;--radius-pill: 999px}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{display:flex;flex-direction:column;background:linear-gradient(180deg,var(--color-bg-start),var(--color-bg-end))}.page-root{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;background:var(--color-content-bg)}.shape-1{width:clamp(120px,20vw,220px);height:clamp(120px,20vw,220px);background:var(--color-primary);top:-60px;left:-60px;opacity:.12;animation-duration:16s}.shape-2{width:clamp(90px,15vw,160px);height:clamp(90px,15vw,160px);background:var(--color-accent);bottom:10%;right:-40px;opacity:.15;animation-duration:13s;animation-delay:-3s}.shape-3{width:clamp(60px,10vw,100px);height:clamp(60px,10vw,100px);background:var(--color-primary);bottom:-30px;left:15%;opacity:.1;animation-duration:18s;animation-delay:-6s}.shape-4{width:clamp(50px,8vw,80px);height:clamp(50px,8vw,80px);background:var(--color-accent);top:12%;right:12%;opacity:.1;animation-duration:15s;animation-delay:-9s}.bg-shapes{position:absolute;inset:0;z-index:0;pointer-events:none}.shape{position:absolute;border-radius:50%;filter:blur(2px);animation:floatShape 14s ease-in-out infinite}.content-container{width:100%;max-width:640px;margin:0 auto;padding:0 16px 48px;position:relative;z-index:1}@keyframes floatShape{0%,to{transform:translate(0) scale(1)}50%{transform:translate(12px,-16px) scale(1.05)}}@media(prefers-reduced-motion:reduce){.shape{animation:none}}#siteHeader{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;padding:clamp(10px,2vh,16px) 16px}.header-badge{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent-dark);background:#22c1a81a;padding:6px 14px;border-radius:var(--radius-pill)}#siteNav{display:flex;gap:16px}#siteNav a{font-size:.85rem;font-weight:600;color:var(--color-text-muted);text-decoration:none;padding:4px 2px}#siteNav a:hover,#siteNav a.active{color:var(--color-primary-dark)}.logo{font-weight:800;font-size:clamp(1rem,2vw,1.25rem);color:var(--color-primary-dark);text-decoration:none;letter-spacing:-.01em}#siteFooter{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;gap:12px;padding:12px 16px clamp(12px,2vh,20px);color:var(--color-text-muted);font-size:.8rem;flex:0 0 auto}#siteFooter a{color:var(--color-text-muted);text-decoration:underline}.logo{font-weight:800;font-size:clamp(1.1rem,2.4vw,1.4rem);color:var(--color-primary-dark);text-decoration:none;letter-spacing:-.01em;background:#4f6df514;padding:6px 18px;border-radius:var(--radius-pill)}