:root{--bg:#f4f4fb;--bg-accent:#ebe9f8;--surface:rgba(255,255,255,0.88);--surface-strong:#ffffff;--text:#1a1830;--muted:#5f5c7a;--line:rgba(99,102,241,0.14);--primary:#6366f1;--primary-deep:#4338ca;--primary-light:rgba(99,102,241,0.1);--accent:#e879a0;--accent-light:rgba(232,121,160,0.1);--shadow:0 20px 56px rgba(99,102,241,0.1);--shadow-sm:0 4px 18px rgba(99,102,241,0.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(circle at top right,rgba(232,121,160,.07),transparent 38%),radial-gradient(circle at bottom left,rgba(99,102,241,.08),transparent 32%),linear-gradient(180deg,var(--bg) 0,#f0eff9 60%,#eceaf6 100%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-shell{min-height:100vh}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(244,244,251,.86);border-bottom:1px solid var(--line)}.content,.footer-inner,.topbar-inner{width:min(1100px,calc(100vw - 40px));margin:0 auto}.topbar-inner{justify-content:space-between;padding:14px 0}.brand,.topbar-inner{display:flex;align-items:center}.brand{gap:10px;font-weight:700;font-size:1.05rem;letter-spacing:.01em;color:var(--text)}.nav{display:flex;gap:6px;flex-wrap:wrap}.nav a{padding:7px 14px;border-radius:999px;font-size:.9rem;font-weight:500;color:var(--muted);transition:background .15s,color .15s}.nav a:hover{background:var(--primary-light);color:var(--primary-deep)}.content{padding:48px 0 88px}.hero{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:24px;gap:24px;align-items:stretch}.card,.content-panel,.gallery-card,.hero-copy,.hero-panel,.page-hero{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.content-panel,.hero-copy,.hero-panel,.page-hero{border-radius:28px}.hero-copy{padding:40px}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;padding:7px 14px;border-radius:999px;background:var(--primary-light);color:var(--primary-deep);font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}h1,h2,h3{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-weight:700;letter-spacing:-.02em}.hero h1,.page-hero h1{margin:0 0 16px;line-height:1.1;font-size:clamp(2rem,3.8vw,3.2rem);color:var(--text)}.card p,.content-panel li,.content-panel p,.hero p,.page-hero p{color:var(--muted);font-size:1rem;line-height:1.7;margin:0 0 12px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border-radius:999px;border:1px solid transparent;font-weight:600;font-size:.95rem;transition:opacity .15s,transform .1s}.button:hover{opacity:.88;transform:translateY(-1px)}.button-primary{background:linear-gradient(135deg,var(--primary) 0,var(--primary-deep) 100%);color:#ffffff;box-shadow:0 4px 16px rgba(99,102,241,.3)}.button-secondary{border-color:var(--line);background:rgba(255,255,255,.7);color:var(--text)}.hero-panel{padding:22px;display:grid;grid-gap:16px;gap:16px;background:linear-gradient(160deg,rgba(255,255,255,.92),rgba(235,233,248,.88))}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.stat{padding:14px;border-radius:16px;background:rgba(255,255,255,.8);border:1px solid var(--line)}.stat strong{display:block;font-size:1.05rem;color:var(--primary-deep);margin-bottom:4px}.stat span{color:var(--muted);font-size:.82rem;line-height:1.4}.mock-card{border-radius:20px;border:1px solid var(--line);background:var(--surface-strong);overflow:hidden;box-shadow:var(--shadow-sm)}.mock-top{display:flex;gap:7px;padding:12px 14px;border-bottom:1px solid var(--line);background:rgba(235,233,248,.5)}.dot{width:10px;height:10px;border-radius:50%;background:rgba(99,102,241,.28)}.mock-body{padding:16px;display:grid;grid-gap:10px;gap:10px}.mock-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;background:rgba(244,244,251,.9);font-size:.9rem}.badge{padding:4px 10px;border-radius:999px;background:var(--primary-light);color:var(--primary-deep);font-size:.8rem;font-weight:600}.section{margin-top:48px}.section-head{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:20px}.section-head h2{margin:0;font-size:clamp(1.6rem,2.8vw,2.4rem);color:var(--text)}.grid{display:grid;grid-gap:16px;gap:16px}.grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.card,.gallery-card{border-radius:22px;padding:24px}.card h3,.gallery-card h3{margin:0 0 8px;font-size:1.05rem;color:var(--text)}.content-panel h2{margin:0 0 14px;font-size:1.2rem;color:var(--text)}.gallery-card img{width:100%;border-radius:14px;border:1px solid var(--line);background:var(--bg-accent);aspect-ratio:4/3;object-fit:cover}.gallery-meta{margin-top:14px}.note{padding:14px 16px;border-radius:14px;border:1px dashed rgba(99,102,241,.3);background:var(--primary-light);color:var(--muted);font-size:.93rem}.content-panel,.page-hero{padding:34px}.content-panel+.content-panel{margin-top:16px}.content-panel ul{padding-left:20px;margin:0}.content-panel ul li{margin-bottom:8px}.content-panel a{color:var(--primary);text-decoration:underline;text-underline-offset:3px}.footer{border-top:1px solid var(--line);background:rgba(244,244,251,.8)}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 0 40px;color:var(--muted);font-size:.88rem}code{font-family:SF Mono,ui-monospace,monospace;font-size:.88em;background:var(--primary-light);color:var(--primary-deep);padding:2px 6px;border-radius:5px}@media (max-width:900px){.grid-three,.grid-two,.hero{grid-template-columns:1fr}.hero-stats{grid-template-columns:repeat(3,1fr)}.footer-inner,.section-head,.topbar-inner{display:block}.nav{margin-top:10px}.footer-inner span+span{margin-top:6px;display:block}}@media (max-width:560px){.hero-stats{grid-template-columns:1fr}.hero-copy{padding:26px}}