@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&family=Space+Grotesk:wght@300;400;500;600;700;800&display=swap";:root{--font-geist-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-geist-mono: "JetBrains Mono", "SFMono-Regular", Menlo, monospace;--background: #FAFAF8;--surface: #FFFFFF;--surface-muted: #F3F2EF;--foreground: #0B0B0D;--foreground-secondary: #54545C;--foreground-muted: #9A9AA3;--ink: #0B0B0D;--ink-soft: #1A1A1D;--border: #E7E5E1;--border-strong: #0B0B0D;--accent: #134C37;--accent-strong: #0C3526;--accent-light: #34D399;--accent-soft: rgba(19, 76, 55, .08);--accent-soft-border: rgba(19, 76, 55, .22);--accent-foreground: #FFFFFF;--radius-lg: 20px;--radius-md: 14px;--radius-sm: 8px;--font-secondary: "Space Grotesk", -apple-system, sans-serif;--transition-smooth: all .25s cubic-bezier(.16, 1, .3, 1);--shadow-sm: 0 1px 2px rgba(11, 11, 13, .04);--shadow-md: 0 12px 30px -12px rgba(11, 11, 13, .14);--shadow-lg: 0 24px 60px -16px rgba(11, 11, 13, .22)}*{box-sizing:border-box;padding:0;margin:0}html{height:100%;scroll-behavior:smooth}body{min-height:100%;background-color:var(--background);background-image:radial-gradient(at 85% 0%,rgba(19,76,55,.06) 0px,transparent 45%),linear-gradient(rgba(11,11,13,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(11,11,13,.025) 1px,transparent 1px);background-size:100% 100%,48px 48px,48px 48px;color:var(--foreground);font-family:var(--font-geist-sans),-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:#0b0b0d26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}h1,h2,h3,h4,h5,h6{font-family:var(--font-secondary);font-weight:700;letter-spacing:-.02em;color:var(--foreground)}p{color:var(--foreground-secondary);line-height:1.6}a{color:inherit;text-decoration:none}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition-smooth)}.panel-hover{cursor:default}.panel-hover:hover{border-color:var(--foreground-muted);box-shadow:var(--shadow-md);transform:translateY(-4px)}.panel-ink{background:var(--ink);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:#ffffffeb}button{cursor:pointer;border:none;background:none;font-family:inherit;transition:var(--transition-smooth)}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:#fff;font-weight:600;font-size:.875rem;padding:12px 24px;border-radius:var(--radius-sm);position:relative;z-index:1}.btn-primary:hover{background:var(--ink-soft);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border-strong);color:var(--foreground);font-weight:600;font-size:.875rem;padding:12px 24px;border-radius:var(--radius-sm)}.btn-secondary:hover{background:var(--foreground);color:#fff;transform:translateY(-2px)}.btn-accent{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:var(--accent-foreground);font-weight:700;font-size:.875rem;padding:12px 24px;border-radius:var(--radius-sm);box-shadow:0 4px 14px #134c374d}.btn-accent:hover{background:var(--accent-strong);transform:translateY(-2px);box-shadow:0 8px 20px #134c3766}.app-container{display:flex;min-height:100vh;position:relative}.main-content{flex:1;min-width:0;overflow-y:auto;padding-bottom:80px}.eyebrow-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:100px;background:var(--accent-soft);border:1px solid var(--accent-soft-border);color:var(--accent-strong);font-size:.75rem;font-family:var(--font-geist-mono),monospace;font-weight:600;letter-spacing:.05em;margin-bottom:24px}.eyebrow-badge .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px #134c3780}.section-label{display:flex;align-items:center;gap:12px;margin-bottom:24px}.section-label .num{font-size:.75rem;font-family:var(--font-geist-mono),monospace;color:var(--accent);font-weight:700}.section-label .line{width:40px;height:1px;background:var(--border)}.section-label .text{font-size:.75rem;font-family:var(--font-geist-mono),monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--foreground-secondary)}.grid-2,.grid-3{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:768px){.grid-2,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr)}}.sidebar{position:fixed;top:0;left:0;height:100vh;width:260px;z-index:999;transform:translate(-100%);transition:transform .3s cubic-bezier(.16,1,.3,1)}.sidebar.is-open{transform:translate(0)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0b0d66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:998}.mobile-header{display:flex}@media(min-width:1024px){.sidebar{position:sticky;transform:none!important;flex-shrink:0}.sidebar-overlay,.mobile-header{display:none}.sidebar-close-btn{display:none!important}}.nav-item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:10px;font-size:.875rem;font-weight:500;color:var(--foreground-secondary);border:1px solid transparent;text-align:left}.nav-item:hover{background:var(--surface-muted)!important;color:var(--foreground)!important}.nav-item.is-active{background:var(--accent-soft);color:var(--accent-strong);border-color:var(--accent-soft-border)}.nav-item .nav-icon{color:var(--foreground-muted)}.nav-item:hover .nav-icon,.nav-item.is-active .nav-icon{color:var(--accent-strong)}.link-hover{transition:var(--transition-smooth)}.link-hover:hover{color:var(--accent)!important}.icon-btn{width:40px;height:40px;border-radius:50%;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--foreground)}.icon-btn:hover{background:var(--foreground);color:#fff;border-color:var(--foreground)}.choice-card{padding:16px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);cursor:pointer;color:var(--foreground-secondary);transition:var(--transition-smooth)}.choice-card:hover{border-color:var(--accent-soft-border);background:var(--accent-soft)}.choice-card.is-selected{background:var(--accent-soft);border-color:var(--accent);color:var(--foreground);font-weight:600}.color-card{transition:var(--transition-smooth)}.color-card:hover{border-color:var(--foreground-muted)!important;transform:translateY(-2px)}.tab-pill{padding:8px 16px;border-radius:100px;font-size:.85rem;font-weight:600;background:transparent;color:var(--foreground-secondary);border:1px solid transparent;white-space:nowrap}.tab-pill:hover{background:var(--surface-muted)}.tab-pill.is-active{background:var(--accent-soft);color:var(--accent-strong);border-color:var(--accent-soft-border)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.float-animation{animation:float 6s ease-in-out infinite}@keyframes pulse-slow{0%,to{opacity:.6}50%{opacity:.9}}.pulse-animation{animation:pulse-slow 3s ease-in-out infinite}@media(prefers-reduced-motion:reduce){*{animation-delay:0s!important;animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}