:root{--green: #16c79a;--green-dark: #0fa982;--ink: #16213e;--ink-soft: #44507a;--bg: #f4f7fb;--card: #ffffff;--accent: #ff6b6b;--accent-2: #ffd93d;--line: #e3e8f2;--radius: 16px;--shadow: 0 10px 30px rgba(22, 33, 62, .08);--shadow-sm: 0 4px 14px rgba(22, 33, 62, .06);--maxw: 1080px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Trebuchet MS,Segoe UI,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}a{color:var(--green-dark);text-decoration:none}a:hover{text-decoration:underline}.app{display:flex;flex-direction:column;min-height:100%}.content{flex:1}.site-header{background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.header-inner{max-width:var(--maxw);margin:0 auto;padding:.75rem 1.25rem;display:flex;align-items:center;gap:1.25rem}.brand{display:flex;align-items:center;gap:.5rem;font-weight:800;font-size:1.3rem;color:var(--ink)}.brand:hover{text-decoration:none}.brand-logo{font-size:1.5rem}.brand-name{letter-spacing:-.02em}.search{display:flex;flex:1;max-width:420px}.search-input{flex:1;border:2px solid var(--line);border-right:none;border-radius:999px 0 0 999px;padding:.5rem 1rem;font-size:.95rem;outline:none}.search-input:focus{border-color:var(--green)}.search-btn{border:2px solid var(--green);background:var(--green);color:#fff;border-radius:0 999px 999px 0;padding:0 1rem;cursor:pointer;font-size:1rem}.search-btn:hover{background:var(--green-dark);border-color:var(--green-dark)}.main-nav{display:flex;align-items:center;gap:1rem;margin-left:auto}.nav-toggle{display:none;margin-left:auto;background:#fff;border:2px solid var(--line);border-radius:12px;padding:.5rem .6rem;cursor:pointer}.nav-toggle:hover{border-color:var(--green)}.nav-toggle-bars{display:block;width:22px}.nav-toggle-bars span{display:block;height:2.5px;background:var(--ink);border-radius:2px}.nav-toggle-bars span+span{margin-top:4px}.main-nav a{color:var(--ink-soft);font-weight:600}.main-nav a.active{color:var(--green-dark)}.gtm-badge{background:var(--ink);color:#fff!important;padding:.35rem .7rem;border-radius:999px;font-size:.78rem;font-family:ui-monospace,Menlo,Consolas,monospace}.gtm-badge.active,.gtm-badge:hover{background:var(--green-dark);text-decoration:none}.page{max-width:var(--maxw);margin:0 auto;padding:2.5rem 1.25rem 3.5rem}.page.narrow{max-width:680px}.page-head{margin-bottom:1.75rem}.page-head h1{font-size:2.2rem;margin:0 0 .4rem}.lead{font-size:1.15rem;color:var(--ink-soft);margin:0}.hero{display:grid;grid-template-columns:1.4fr 1fr;gap:2rem;align-items:center;background:linear-gradient(135deg,#eafff8,#fff7e6);border:1px solid var(--line);border-radius:24px;padding:3rem;margin-bottom:2.5rem}.hero h1{font-size:3rem;line-height:1.05;margin:0 0 1rem;letter-spacing:-.03em}.roar{color:var(--accent);position:relative;white-space:nowrap}.hero .lead{margin-bottom:1.5rem}.hero-cta{display:flex;gap:.75rem;flex-wrap:wrap}.hero-art{font-size:7rem;text-align:center}.btn{display:inline-block;border:2px solid transparent;border-radius:999px;padding:.7rem 1.4rem;font-weight:700;font-size:1rem;cursor:pointer;transition:transform .08s ease}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{background:var(--green-dark)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-ghost{background:#fff;color:var(--ink);border-color:var(--line)}.btn-ghost:hover{border-color:var(--green)}.btn-block{width:100%}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:3rem}.feature-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm)}.feature-icon{font-size:2rem;margin-bottom:.5rem}.feature-card h3{margin:0 0 .4rem}.feature-card p{margin:0;color:var(--ink-soft)}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1.25rem}.section-head h2,.latest h2{margin:0}.more-link{color:var(--green-dark);font-weight:700}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.post-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);color:var(--ink);display:flex;flex-direction:column;gap:.4rem}.post-card:hover{text-decoration:none;transform:translateY(-3px);box-shadow:var(--shadow);transition:all .12s ease}.post-emoji{font-size:2rem}.post-card h3{margin:0;font-size:1.15rem}.post-card p{margin:0;color:var(--ink-soft);flex:1}.cta-band{margin-top:3rem;text-align:center;background:var(--ink);color:#fff;border-radius:24px;padding:3rem 1.5rem}.cta-band h2{margin:0 0 .5rem;font-size:2rem}.cta-band p{margin:0 0 1.5rem;color:#c9d2ee}.post-head{margin:1rem 0 1.5rem}.post-emoji-lg{font-size:3.5rem}.post-head h1{font-size:2.4rem;margin:.5rem 0 0}.post-para{font-size:1.1rem}.search-results{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.search-result-link{width:100%;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.25rem;cursor:pointer;display:flex;gap:1rem;align-items:flex-start;box-shadow:var(--shadow-sm)}.search-result-link:hover{border-color:var(--green)}.result-position{flex:none;width:2rem;height:2rem;background:var(--green);color:#fff;border-radius:50%;display:grid;place-items:center;font-weight:800}.result-body{display:flex;flex-direction:column}.result-title{font-weight:700;color:var(--ink);font-size:1.05rem}.result-snippet{color:var(--ink-soft)}.result-url{color:var(--green-dark);font-size:.85rem;font-family:ui-monospace,Menlo,monospace}.empty{font-size:1.1rem;color:var(--ink-soft)}.contact-form,.settings-form{display:flex;flex-direction:column;gap:1.1rem}.field{display:flex;flex-direction:column;gap:.35rem}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.field label,.settings-form label{font-weight:700;font-size:.95rem}.text-input{border:2px solid var(--line);border-radius:12px;padding:.65rem .85rem;font-size:1rem;font-family:inherit;outline:none;background:#fff}.text-input:focus{border-color:var(--green)}textarea.text-input{resize:vertical}.checks{border:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}.check{display:flex;align-items:center;gap:.6rem;font-weight:500}.check input{width:1.1rem;height:1.1rem;accent-color:var(--green)}.form-errors{background:#fff0f0;border:1px solid #ffd0d0;color:#b32020;border-radius:12px;padding:1rem 1.25rem;margin-bottom:1.5rem}.form-errors ul{margin:.4rem 0 0;padding-left:1.2rem}.success-card{text-align:center;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:3rem 2rem;box-shadow:var(--shadow)}.success-emoji{font-size:3.5rem}.success-card h1{margin:.5rem 0}.accordion{display:flex;flex-direction:column;gap:.75rem}.accordion-item{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.accordion-item.open{border-color:var(--green)}.accordion-heading{margin:0}.accordion-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:none;border:none;cursor:pointer;padding:1.1rem 1.25rem;text-align:left;font:inherit;font-weight:700;font-size:1.05rem;color:var(--ink)}.accordion-trigger:hover{color:var(--green-dark)}.accordion-icon{flex:none;width:1.9rem;height:1.9rem;display:grid;place-items:center;border-radius:50%;background:var(--bg);color:var(--green-dark);font-size:1.3rem;line-height:1}.accordion-item.open .accordion-icon{background:var(--green);color:#fff}.accordion-panel{border-top:1px solid var(--line)}.accordion-content{padding:1rem 1.25rem 1.25rem;color:var(--ink-soft)}.accordion-content a{font-weight:600}.error-404{text-align:center;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:3rem 2rem;box-shadow:var(--shadow)}.error-404-emoji{font-size:3.5rem;margin-bottom:.5rem}.error-404 h1{margin:.25rem 0 .5rem}.error-404 .hero-cta{justify-content:center;margin-top:1.5rem}.settings-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.75rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:1.25rem}.settings-status p{margin:0}.settings-actions{display:flex;gap:.75rem}.mono{font-family:ui-monospace,Menlo,Consolas,monospace}.ok{color:var(--green-dark);font-weight:700}.muted{color:var(--ink-soft)}.hint{font-size:.9rem;color:var(--ink-soft);margin:0}.hint.warn{color:#b3801f}.site-footer{background:var(--ink);color:#c9d2ee;margin-top:3rem}.footer-cols{max-width:var(--maxw);margin:0 auto;padding:2.5rem 1.25rem 1.5rem;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:2rem}.footer-brand .brand{color:#fff;margin-bottom:.5rem}.footer-brand p{margin:0;color:#97a3cf;max-width:28ch}.footer-col h4{color:#fff;margin:0 0 .75rem;font-size:.95rem;text-transform:uppercase;letter-spacing:.05em}.footer-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.footer-col a{color:#c9d2ee}.footer-col a:hover{color:#fff}.footer-bottom{max-width:var(--maxw);margin:0 auto;padding:1.25rem;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;font-size:.85rem;color:#97a3cf}.footer-bottom a{color:var(--accent-2)}.nav-dropdown{position:relative}.nav-dropdown-label{display:inline-flex;align-items:center;gap:.25rem}.caret{font-size:.7rem}.dropdown-menu{position:absolute;top:100%;left:0;min-width:220px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:.4rem;display:none;flex-direction:column;z-index:60}.nav-dropdown.open .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu{display:flex}.dropdown-menu a{padding:.55rem .7rem;border-radius:8px;color:var(--ink-soft);font-weight:600;white-space:nowrap}.dropdown-menu a:hover{background:var(--bg);color:var(--green-dark);text-decoration:none}.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.catalog-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);color:var(--ink);display:flex;flex-direction:column;gap:.4rem}.catalog-card:hover{text-decoration:none;transform:translateY(-3px);box-shadow:var(--shadow);transition:all .12s ease}.catalog-card h3{margin:0;font-size:1.2rem}.catalog-card p{margin:0;color:var(--ink-soft);flex:1}@media (max-width: 820px){.header-inner{flex-wrap:wrap}.brand{order:1}.nav-toggle{display:inline-flex;order:2}.search{order:3;max-width:none;width:100%}.main-nav{order:4;margin-left:0;width:100%;display:none;flex-direction:column;align-items:stretch;gap:.15rem;padding-top:.5rem;margin-top:.5rem;border-top:1px solid var(--line)}.main-nav.open{display:flex}.main-nav>a,.nav-dropdown-label{padding:.6rem .25rem}.gtm-badge{align-self:flex-start;margin-top:.25rem}.nav-dropdown{width:100%}.dropdown-menu{display:flex;position:static;box-shadow:none;border:none;min-width:0;padding:0 0 .25rem 1rem}.caret{display:none}.hero{grid-template-columns:1fr;padding:2rem}.hero h1{font-size:2.2rem}.hero-art{display:none}.features,.post-grid,.card-grid,.field-row{grid-template-columns:1fr}.footer-cols{grid-template-columns:1fr 1fr}}