*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--forest-deep:#0a0d12;--forest-dark:#111620;--forest-card:#161c28;--forest-border:#00a86b2e;--forest-green:#00a86b;--forest-green-2:#00d485;--forest-glow:#00a86b1f;--circuit-silver:#7a8a99;--text-primary:#e8edf3;--text-secondary:#8b9aaa;--text-muted:#404a55;--white:#fff;--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Helvetica, Arial, sans-serif;--font-mono:"SF Mono", "Fira Code", Consolas, monospace;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-full:9999px;--transition:.22s cubic-bezier(.4, 0, .2, 1)}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;font-size:16px}body{font-family:var(--font-sans);background:var(--forest-deep);color:var(--text-primary);height:auto;min-height:100vh;line-height:1.65;overflow-y:auto}#root{flex-direction:column;height:auto;min-height:100vh;display:flex}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--forest-dark)}::-webkit-scrollbar-thumb{background:var(--forest-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--forest-green)}:focus-visible{outline:2px solid var(--forest-green);outline-offset:3px}::selection{background:var(--forest-glow);color:var(--forest-green)}.circuit-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.circuit-bg svg{opacity:.055;width:100%;height:100%}.app{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.header{z-index:100;-webkit-backdrop-filter:blur(22px)saturate(160%);border-bottom:1px solid var(--forest-border);background:#0a0d12e0;justify-content:space-between;align-items:center;height:64px;padding:0 clamp(1.5rem,5vw,4rem);display:flex;position:sticky;top:0}.logo{color:var(--text-primary);letter-spacing:-.025em;align-items:center;gap:.55rem;font-size:1.05rem;font-weight:700;text-decoration:none;display:flex}.logo-icon{font-size:1.3rem;line-height:1}.logo span{color:var(--forest-green)}.btn-google{border-radius:var(--radius-full);border:1px solid var(--forest-border);color:var(--text-primary);cursor:pointer;transition:var(--transition);font-size:.85rem;font-weight:500;font-family:var(--font-sans);white-space:nowrap;background:#161c28bf;align-items:center;gap:.5rem;padding:.48rem 1.1rem;display:flex}.btn-google:hover{border-color:var(--forest-green);background:var(--forest-glow);color:var(--forest-green-2);box-shadow:0 0 18px #00a86b38}.btn-google svg{flex-shrink:0}.hero{text-align:center;flex-direction:column;align-items:center;padding:clamp(4rem,10vh,7.5rem) clamp(1.5rem,5vw,4rem) clamp(3rem,6vh,5rem);display:flex}.hero-eyebrow{border-radius:var(--radius-full);border:1px solid var(--forest-border);background:var(--forest-glow);color:var(--forest-green);letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:.45rem;margin-bottom:1.8rem;padding:.35rem 1rem;font-size:.75rem;font-weight:700;display:inline-flex}.eyebrow-dot{background:var(--forest-green);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.75)}}.hero-title{letter-spacing:-.045em;background:linear-gradient(140deg, #e8edf3 0%, #aabbc8 55%, var(--forest-green) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.2rem;font-size:clamp(2.5rem,6.5vw,4.4rem);font-weight:700;line-height:1.08}.hero-subtitle{color:var(--text-secondary);letter-spacing:-.01em;max-width:500px;margin-bottom:3rem;font-size:clamp(.95rem,2vw,1.15rem)}.search-wrap{width:100%;max-width:680px}.search-bar{border-radius:var(--radius-full);border:1.5px solid var(--forest-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:100%;height:60px;transition:var(--transition);background:#161c28e0;align-items:center;gap:.75rem;padding:0 1.3rem;display:flex;box-shadow:0 4px 32px #00000073,inset 0 1px #ffffff08}.search-bar:focus-within{border-color:var(--forest-green);box-shadow:0 0 0 4px #00a86b24,0 4px 32px #00000073}.search-icon{color:var(--text-muted);transition:var(--transition);flex-shrink:0}.search-bar:focus-within .search-icon{color:var(--forest-green)}.search-input{color:var(--text-primary);font-size:1.05rem;font-family:var(--font-sans);caret-color:var(--forest-green);background:0 0;border:none;outline:none;flex:1}.search-input::placeholder{color:var(--text-muted)}.search-btn{border-radius:var(--radius-full);background:var(--forest-green);color:#fff;cursor:pointer;transition:var(--transition);font-size:.875rem;font-weight:600;font-family:var(--font-sans);border:none;flex-shrink:0;padding:.45rem 1.15rem}.search-btn:hover{background:var(--forest-green-2);box-shadow:0 0 22px #00a86b73}.search-hint{color:var(--text-muted);flex-wrap:wrap;justify-content:center;gap:1.2rem;margin-top:.8rem;font-size:.76rem;display:flex}.search-hint button{color:var(--text-secondary);font-size:inherit;cursor:pointer;transition:var(--transition);font-family:var(--font-sans);background:0 0;border:none;border-bottom:1px solid #0000;padding:.2rem 0}.search-hint button:hover{color:var(--forest-green);border-bottom-color:var(--forest-green)}.main-content{flex:1;padding:0 clamp(1.5rem,5vw,4rem) clamp(4rem,8vh,6rem)}.section-header{justify-content:space-between;align-items:baseline;margin-bottom:1.8rem;display:flex}.section-title{letter-spacing:-.03em;color:var(--text-primary);font-size:1.25rem;font-weight:700}.section-title span{color:var(--forest-green)}.section-link{color:var(--forest-green);opacity:.8;transition:var(--transition);font-size:.85rem;font-weight:500;text-decoration:none}.section-link:hover{opacity:1}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.4rem;display:grid}.card{border-radius:var(--radius-lg);border:1px solid var(--forest-border);background:var(--forest-card);cursor:pointer;transition:var(--transition);color:inherit;flex-direction:column;gap:.9rem;padding:1.9rem 1.8rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(135deg, var(--forest-glow) 0%, transparent 65%);opacity:0;transition:var(--transition);position:absolute;inset:0}.card:hover{border-color:#00a86b8c;transform:translateY(-3px);box-shadow:0 14px 44px #00000080,0 0 0 1px #00a86b1a}.card:hover:before{opacity:1}.card-number{letter-spacing:.12em;text-transform:uppercase;color:var(--forest-green);font-size:.7rem;font-weight:700;font-family:var(--font-mono)}.card-category{border-radius:var(--radius-full);background:var(--forest-glow);color:var(--forest-green);letter-spacing:.04em;border:1px solid #00a86b38;align-items:center;gap:.3rem;width:fit-content;padding:.22rem .7rem;font-size:.7rem;font-weight:700;display:inline-flex}.card-title{letter-spacing:-.03em;color:var(--text-primary);font-size:1.15rem;font-weight:700;line-height:1.32}.card-body{color:var(--text-secondary);flex:1;font-size:.88rem;line-height:1.7}.card-quote{border-left:2px solid var(--forest-green);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-secondary);background:#00a86b0f;padding:.85rem 1rem;font-size:.85rem;font-style:italic;line-height:1.6}.card-footer{border-top:1px solid #ffffff0b;justify-content:space-between;align-items:center;padding-top:.55rem;display:flex}.card-meta{color:var(--text-muted);font-size:.73rem;font-family:var(--font-mono)}.card-arrow{color:var(--forest-green);opacity:0;transition:var(--transition);font-size:1.05rem;transform:translate(-5px)}.card:hover .card-arrow{opacity:1;transform:translate(0)}.member-banner{border-radius:var(--radius-lg);border:1px solid var(--forest-border);background:linear-gradient(135deg,#00a86b17 0%,#0a0d12d1 100%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-top:3.5rem;padding:2.1rem 2.4rem;display:flex}.banner-text h3{letter-spacing:-.03em;margin-bottom:.3rem;font-size:1.15rem;font-weight:700}.banner-text h3 span{color:var(--forest-green)}.banner-text p{color:var(--text-secondary);font-size:.85rem}.btn-member{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--forest-green), var(--forest-green-2));color:#fff;cursor:pointer;transition:var(--transition);font-size:.88rem;font-weight:700;font-family:var(--font-sans);white-space:nowrap;border:none;align-items:center;gap:.5rem;padding:.72rem 1.8rem;text-decoration:none;display:inline-flex;box-shadow:0 4px 22px #00a86b52}.btn-member:hover{transform:translateY(-2px);box-shadow:0 8px 32px #00a86b7a}.footer{text-align:center;border-top:1px solid var(--forest-border);color:var(--text-muted);justify-content:center;align-items:center;gap:.5rem;padding:2.2rem clamp(1.5rem,5vw,4rem);font-size:.76rem;display:flex}.footer span{color:var(--forest-green)}.result-panel{border-radius:var(--radius-lg);background:linear-gradient(135deg, #00a86b0f 0%, var(--forest-card) 100%);border:1px solid #00a86b4d;margin-top:3rem;padding:2rem 2.2rem;animation:.25s cubic-bezier(.4,0,.2,1) slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.result-query{color:var(--text-muted);font-size:.76rem;font-family:var(--font-mono);margin-bottom:1rem}.result-answer{color:var(--text-secondary);font-size:.95rem;line-height:1.8}.result-answer strong{color:var(--text-primary)}.result-cta{color:var(--text-muted);margin-top:1.2rem;font-size:.8rem}.result-cta a{color:var(--forest-green);font-weight:600;text-decoration:none}@media (width<=640px){.cards-grid{grid-template-columns:1fr}.member-banner{text-align:center;flex-direction:column}.btn-member{justify-content:center;width:100%}.hero-title{letter-spacing:-.03em}}