:root{--font-sans:'Outfit', 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:'Fira Code', 'JetBrains Mono', source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;--bg-main:#0b0f19;--bg-header:radial-gradient(circle at top center, #1e293b 0%, #0b0f19 70%);--bg-card:rgba(17, 24, 39, 0.7);--bg-card-hover:rgba(30, 41, 59, 0.7);--bg-modal:#111827;--bg-code:#1e293b;--accent:#3b82f6;--accent-rgb:59, 130, 246;--accent-glow:rgba(59, 130, 246, 0.15);--accent-gradient:linear-gradient(135deg, #3b82f6 0%, #6366f1 100%);--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--border:rgba(255, 255, 255, 0.08);--border-hover:rgba(59, 130, 246, 0.3);--creational:#f43f5e;--creational-bg:rgba(244, 63, 94, 0.1);--structural:#3b82f6;--structural-bg:rgba(59, 130, 246, 0.1);--behavioral:#10b981;--behavioral-bg:rgba(16, 185, 129, 0.1);--architectural:#f59e0b;--architectural-bg:rgba(245, 158, 11, 0.1);--microservices:#8b5cf6;--microservices-bg:rgba(139, 92, 246, 0.1);--transition:all 0.25s cubic-bezier(0.4, 0, 0.2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden;max-width:100vw;overscroll-behavior-x:none}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;padding-top:70px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#334155}.scroll-nav-btn{position:fixed;bottom:2rem;right:2rem;width:40px;height:40px;background:0 0;border:none;border-radius:8px;color:rgba(255,255,255,.5);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;opacity:1;visibility:visible;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;backdrop-filter:none;box-shadow:none}.scroll-nav-btn:hover{color:rgba(255,255,255,.8);transform:translateY(-2px);background:rgba(0,0,0,.1)}.scroll-nav-btn:active{transform:translateY(0)}.scroll-nav-btn.hidden{opacity:0;visibility:hidden}#go-to-bottom{bottom:5.5rem}.scroll-nav-btn.above-footer{bottom:5.5rem}@media(max-width:768px){.scroll-nav-btn{bottom:1.5rem;right:1.5rem;width:36px;height:36px}#go-to-bottom{bottom:5rem}.scroll-nav-btn.above-footer{bottom:5rem}}.skip-link{position:absolute;top:-40px;left:0;background:var(--accent);color:#fff;padding:8px;z-index:100;transition:top .3s;text-decoration:none;font-weight:600}.skip-link:focus{top:0}header{background:var(--bg-header);border-bottom:1px solid var(--border);position:relative;padding:1.25rem 0}header::after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}.header-container{width:100%;max-width:none;margin:0;padding:0 2rem;display:flex;flex-direction:column;align-items:center;text-align:center}.logo{display:flex;align-items:center;font-size:1.4rem;font-weight:800;letter-spacing:-.04em;color:var(--text-primary);text-decoration:none;margin-bottom:.75rem;background:linear-gradient(135deg,#ffffff 50%,#9ca3af 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo-dot{width:6px;height:6px;background-color:var(--accent);border-radius:50%;margin-right:6px;display:inline-block;box-shadow:0 0 12px var(--accent)}h1{font-size:1.85rem;font-weight:800;letter-spacing:-.04em;line-height:1.15;margin-bottom:.35rem;max-width:800px}.subtitle{font-size:.95rem;color:var(--text-secondary);margin-bottom:1rem;max-width:650px;font-weight:400}.hero-quote{font-size:1rem;color:var(--text-primary);margin-bottom:1rem;max-width:700px;font-style:italic;font-weight:500;line-height:1.5;border-left:3px solid var(--accent);padding-left:1rem;background:rgba(59,130,246,5%);padding:.75rem 1rem;border-radius:0 8px 8px 0}.hero-description{font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem;max-width:650px;font-weight:400;line-height:1.5}.search-container{width:100%;max-width:650px;margin-bottom:1rem}.search-wrapper{position:relative;width:100%}.search-icon{position:absolute;left:1.1rem;top:50%;transform:translateY(-50%);width:1.1rem;height:1.1rem;color:var(--text-muted);pointer-events:none;transition:var(--transition)}.search-wrapper input{width:100%;padding:.75rem 1.25rem .75rem 3rem;font-size:.95rem;color:var(--text-primary);background:rgba(15,23,42,.6);border:1px solid var(--border);border-radius:10px;outline:none;transition:var(--transition);font-family:var(--font-sans);backdrop-filter:blur(8px)}.search-wrapper input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow);background:rgba(15,23,42,.8)}.search-wrapper:focus-within .search-icon{color:var(--accent)}.tabs{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin-top:.5rem}.tab-btn{background:0 0;border:1px solid var(--border);color:var(--text-secondary);padding:.4rem .9rem;font-size:.85rem;font-weight:500;border-radius:9999px;cursor:pointer;transition:var(--transition);font-family:var(--font-sans)}.tab-btn:hover{border-color:rgba(255,255,255,.2);color:var(--text-primary);background:rgba(255,255,255,3%)}.tab-btn.active{background:var(--accent-gradient);border-color:transparent;color:#fff;box-shadow:0 2px 10px rgba(59,130,246,.2)}.sub-category-tabs{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center;margin-top:.5rem;min-height:2rem}.sub-category-tabs.hidden{display:none}.sub-tab-btn{background:0 0;border:1px solid var(--border);color:var(--text-muted);padding:.25rem .8rem;font-size:.8rem;font-weight:500;border-radius:9999px;cursor:pointer;transition:var(--transition);font-family:var(--font-sans)}.sub-tab-btn:hover{border-color:var(--accent);color:var(--text-primary);background:rgba(59,130,246,8%)}.sub-tab-btn.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 1px 6px rgba(59,130,246,.15)}.header-stats{display:flex;justify-content:center;gap:.75rem;margin-top:.5rem;flex-wrap:wrap}.stat-pill{background:rgba(59,130,246,6%);border:1px solid rgba(59,130,246,.15);border-radius:9999px;padding:.25rem .85rem;display:flex;align-items:center;gap:.4rem;font-size:.78rem;transition:var(--transition);cursor:default}.stat-pill:hover{background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.3);transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.1)}.stat-pill-number{color:var(--accent);font-weight:700}.stat-pill-label{color:var(--text-secondary);font-weight:500}.categories-section{padding:2rem 1.5rem;width:100%;max-width:none;margin:0}.section-title{font-size:2.6rem;font-weight:800;letter-spacing:-.03em;line-height:1.15;margin-bottom:1rem;background:linear-gradient(135deg,#ffffff 0%,#a78bfa 40%,#60a5fa 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.category-card{background:rgba(255,255,255,2%);border:1px solid var(--border);border-radius:12px;padding:1rem;text-decoration:none;transition:var(--transition)}.category-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 8px 20px rgba(0,0,0,.15)}.category-icon{font-size:1.75rem;margin-bottom:.35rem}.category-card h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.2rem}.category-card p{color:var(--text-secondary);margin-bottom:.75rem;font-size:.8rem}.category-subcategories{list-style:none;padding:0;margin:0}.category-subcategories li{padding:.2rem 0;color:var(--text-muted);font-size:.75rem;border-left:2px solid var(--border);padding-left:.65rem}.attribution-section{padding:4rem 0;margin:2rem 0;background:linear-gradient(135deg,var(--bg-card) 0%,rgba(59,130,246,3%) 100%);border:1px solid var(--border);border-radius:16px;width:100%;max-width:none;box-shadow:0 20px 60px rgba(0,0,0,8%),0 0 1px rgba(59,130,246,.1)}.attribution-section .section-title{text-align:center;font-size:2rem;font-weight:800;background:linear-gradient(135deg,#1e293b 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;letter-spacing:-.02em;line-height:1.2}.attribution-description{text-align:center;font-size:1.1rem;color:var(--text-secondary);line-height:1.6;max-width:800px;margin:0 auto 3rem}.sources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;padding:0 2rem}.source-item{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.source-item:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(59,130,246,.12);border-color:rgba(59,130,246,.3)}.source-item h4{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem;letter-spacing:-.01em}.source-item h4 a{color:var(--accent);text-decoration:none;transition:color .2s ease}.source-item h4 a:hover{color:#60a5fa}.source-item p{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin:0}.playbooks-section{padding:2.5rem 1.5rem;margin:2rem 0;width:100%;max-width:none}.playbooks-description{text-align:center;color:var(--text-secondary);margin-bottom:1.5rem;font-size:.9rem;max-width:700px;margin-left:auto;margin-right:auto}.playbooks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem}.playbook-card{background:rgba(255,255,255,2%);border:1px solid var(--border);border-radius:12px;padding:1.5rem;text-decoration:none;transition:var(--transition);display:flex;flex-direction:column;position:relative;overflow:hidden}.playbook-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--accent),#8b5cf6);transform:scaleX(0);transition:transform .3s ease}.playbook-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 8px 24px rgba(59,130,246,.15)}.playbook-card:hover::before{transform:scaleX(1)}.playbook-icon{font-size:2rem;margin-bottom:.75rem}.playbook-card h3{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;letter-spacing:-.02em}.playbook-card p{color:var(--text-secondary);font-size:.85rem;line-height:1.5;margin-bottom:1rem;flex-grow:1}.playbook-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.playbook-tag{display:inline-block;padding:.25rem .6rem;font-size:.7rem;font-weight:600;border-radius:9999px;background:rgba(139,92,246,.1);color:#a78bfa;border:1px solid rgba(139,92,246,.2);text-transform:uppercase;letter-spacing:.05em}.playbook-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid var(--border);margin-top:auto}.playbook-code-location{font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono);background:rgba(0,0,0,.2);padding:.2rem .5rem;border-radius:4px}.playbook-link-text{font-size:.8rem;font-weight:600;color:var(--accent);transition:var(--transition);display:inline-flex;align-items:center;text-decoration:none;padding:.3rem}.playbook-link-text svg{transition:var(--transition)}.playbook-card:hover .playbook-link-text{color:#fff;transform:translateX(3px)}.playbook-card:hover .playbook-link-text svg{transform:scale(1.1)}.playbook-link-actions{display:flex;align-items:center;gap:.5rem}.playbook-copy-btn{font-size:.8rem;font-weight:600;color:var(--text-secondary);transition:var(--transition);display:inline-flex;align-items:center;text-decoration:none;padding:.3rem;background:0 0;border:none;cursor:pointer;border-radius:4px}.playbook-copy-btn svg{transition:var(--transition)}.playbook-copy-btn:hover{color:var(--accent);background:rgba(59,130,246,.1)}.playbook-copy-btn:hover svg{transform:scale(1.1)}.playbook-copy-btn.copied{color:#10b981}.playbook-copy-btn.copied svg{transform:scale(1.1)}.playbooks-navigation{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.playbook-nav-btn{display:flex;align-items:center;gap:.5rem;background:rgba(255,255,255,2%);border:1px solid var(--border);color:var(--text-secondary);padding:.6rem 1rem;border-radius:8px;cursor:pointer;transition:var(--transition);font-family:var(--font-sans);font-size:.85rem;font-weight:500}.playbook-nav-btn:hover:not(:disabled){background:rgba(59,130,246,.1);border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.playbook-nav-btn:disabled{opacity:.3;cursor:not-allowed}.playbook-nav-btn svg{transition:var(--transition)}.playbook-nav-btn:hover:not(:disabled) svg{transform:scale(1.1)}.playbook-page-indicator{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem;font-weight:500}.playbook-page-divider{color:var(--text-muted)}#playbook-current-page{color:var(--accent);font-weight:600}.playbook-card{transition:var(--transition);display:none}.playbook-card.hidden{display:none}.playbook-card.visible{display:flex;animation:fadeIn .3s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.stats-grid{grid-template-columns:1fr}.about-title{font-size:2rem}.categories-grid{grid-template-columns:1fr}.attribution-section{width:100%;padding:2.5rem 0;margin:1.5rem 0;border-radius:12px}.attribution-section .section-title{font-size:1.5rem;margin-bottom:.75rem}.attribution-description{font-size:.95rem;margin-bottom:2rem;padding:0 1rem}.sources-grid{grid-template-columns:1fr;gap:1rem;padding:0 1rem}.source-item{padding:1.25rem}.source-item h4{font-size:1rem;margin-bottom:.5rem}.source-item p{font-size:.85rem}.playbooks-section{padding:1.5rem 1rem;width:100%}.playbooks-grid{grid-template-columns:1fr;gap:1rem}.playbook-card{padding:1.25rem}.playbook-icon{font-size:1.5rem;margin-bottom:.5rem}.playbook-card h3{font-size:1rem}.playbook-card p{font-size:.8rem}.playbook-tag{font-size:.65rem;padding:.2rem .5rem}.playbooks-navigation{flex-wrap:wrap;gap:.75rem}.playbook-nav-btn{padding:.6rem 1rem;font-size:.85rem}.playbook-nav-btn svg{width:16px;height:16px}.playbook-page-indicator{font-size:.85rem}.playbook-footer{flex-direction:column;align-items:flex-start;gap:.5rem}.playbook-link-actions{width:100%;justify-content:flex-start}}@media(max-width:480px){.attribution-section{padding:1.25rem .75rem;width:100%}.source-item{padding:.875rem}.source-item h4{font-size:.9rem}.source-item p{font-size:.75rem}.source-item[style*="grid-column: 1 / -1"]{padding:1rem}.source-item[style*="grid-column: 1 / -1"]>div[style*=grid]{grid-template-columns:1fr !important;gap:1rem !important}}main{width:100%;max-width:none;margin:0;padding:2rem 1.5rem}main.list-main{max-width:none;width:100%;padding:1.25rem 1.5rem}.grid{display:grid;grid-template-columns:1fr;gap:.85rem;transition:var(--transition)}@media(min-width:640px){.grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1200px){.grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1600px){.grid{grid-template-columns:repeat(5,1fr)}}.card{text-decoration:none;color:inherit;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:.85rem 1rem;display:flex;flex-direction:column;justify-content:space-between;transition:var(--transition);cursor:pointer;backdrop-filter:blur(12px);position:relative;overflow:hidden}.card::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:0 0;transition:var(--transition)}.card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,.2)}.card[data-category=creational]:hover::before{background:var(--creational)}.card[data-category=structural]:hover::before{background:var(--structural)}.card[data-category=behavioral]:hover::before{background:var(--behavioral)}.card[data-category=architectural]:hover::before{background:var(--architectural)}.top-category-badge.microservices{background:rgba(139,92,246,.15);color:var(--microservices);border:1px solid rgba(139,92,246,.3)}.card-header{margin-bottom:.5rem;display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.top-category-badge{display:inline-block;padding:.15rem .5rem;font-size:.65rem;font-weight:600;border-radius:9999px;text-transform:uppercase;letter-spacing:.05em;background:rgba(59,130,246,.15);color:var(--accent);border:1px solid rgba(59,130,246,.3)}.source-badge{display:inline-flex;align-items:center;justify-content:center;padding:.2rem;font-size:.6rem;font-weight:500;border-radius:4px;background:rgba(16,185,129,.15);color:#10b981;border:1px solid rgba(16,185,129,.3);cursor:pointer;transition:var(--transition);text-decoration:none}.source-badge:hover{background:rgba(16,185,129,.25);border-color:rgba(16,185,129,.5);transform:translateY(-1px);color:#10b981}.source-badge svg{display:block}.subcategory-badge{display:inline-block;padding:.15rem .5rem;font-size:.65rem;font-weight:500;border-radius:9999px;background:rgba(245,158,11,.15);color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.category-badge{display:inline-block;padding:.15rem .45rem;font-size:.65rem;font-weight:600;border-radius:9999px;text-transform:uppercase;letter-spacing:.05em}.category-badge.creational{color:var(--creational);background:var(--creational-bg)}.category-badge.structural{color:var(--structural);background:var(--structural-bg)}.category-badge.behavioral{color:var(--behavioral);background:var(--behavioral-bg)}.category-badge.architectural{color:var(--architectural);background:var(--architectural-bg)}.card h3{font-size:1.05rem;font-weight:700;margin-bottom:.35rem;color:var(--text-primary);letter-spacing:-.02em}.card p{font-size:.82rem;color:var(--text-secondary);margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.card-footer{display:flex;justify-content:flex-start;align-items:center;margin-top:auto}.explore-link{font-size:.75rem;font-weight:600;color:var(--accent);transition:var(--transition)}.card:hover .explore-link{color:#fff;transform:translateX(3px)}.hidden{display:none !important}#no-results{width:100%;display:flex;justify-content:center;padding:5rem 2rem}.no-results-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:400px}.no-results-icon{width:4rem;height:4rem;color:var(--text-muted);margin-bottom:1.5rem}.no-results-content p{font-size:1.15rem;color:var(--text-secondary);margin-bottom:1.5rem}#clear-search-btn{background:rgba(255,255,255,5%);border:1px solid var(--border);color:var(--text-primary);padding:.65rem 1.25rem;border-radius:8px;cursor:pointer;font-weight:500;transition:var(--transition);font-family:var(--font-sans)}#clear-search-btn:hover{background:rgba(255,255,255,.1);border-color:var(--text-muted)}footer{border-top:1px solid var(--border);padding:1rem 0;margin-top:3rem;background:rgba(11,15,25,.95);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.footer-container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;width:100%;max-width:none;margin:0;padding:0 2rem;color:var(--text-muted);font-size:.85rem}.footer-container p{margin:0;line-height:1.5}.footer-container p a{color:var(--accent);text-decoration:none;transition:color .2s ease}.footer-container p a:hover{color:#93b4ff}.footer-social-icons{display:flex;align-items:center;gap:.25rem}.footer-icon-link{color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;transition:color .2s ease,background-color .2s ease,transform .2s ease}.footer-icon-link:hover{color:var(--accent);background-color:rgba(var(--accent-rgb,59,130,246),.1);transform:translateY(-1px)}.footer-logo-section{display:flex;align-items:center;gap:1rem;background-color:#fff;padding:.5rem .75rem}.footer-logo{height:40px;width:auto}.footer-tagline{font-size:.9rem;font-weight:500}.footer-copyright{text-align:center;flex:1}@media(max-width:640px){.footer-container{flex-direction:column;text-align:center;padding:0 1.25rem}.footer-social-icons{justify-content:center}.footer-logo-section{flex-direction:column;text-align:center}.footer-copyright{text-align:center}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem;opacity:0;pointer-events:none;transition:opacity .3s ease}.modal:not(.hidden){opacity:1;pointer-events:auto}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(3,7,18,.75);backdrop-filter:blur(12px)}.single-pattern-content{width:100%;max-width:none;background-color:var(--bg-modal,#111827);border:1px solid rgba(255,255,255,8%);border-radius:16px;padding:40px;box-shadow:0 20px 40px rgba(0,0,0,.3)}.modal-container{position:relative;background:var(--bg-modal);border:1px solid var(--border);border-radius:20px;width:100%;max-width:850px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px rgba(0,0,0,.5);z-index:1001;transform:scale(.95)translateY(20px);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.modal:not(.hidden) .modal-container{transform:scale(1)translateY(0)}.modal-close{position:absolute;top:1.25rem;right:1.25rem;background:rgba(255,255,255,5%);border:1px solid var(--border);border-radius:50%;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:var(--transition);z-index:10}.modal-close:hover{background:rgba(255,255,255,.1);color:var(--text-primary);transform:rotate(90deg)}.modal-close svg{width:1.25rem;height:1.25rem}.modal-content{padding:1.25rem}.modal-header{margin-bottom:.85rem;border-bottom:1px solid var(--border);padding-bottom:.75rem}.modal-header .category-badge{margin-bottom:.4rem}.modal-header h2{font-size:1.4rem;font-weight:800;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:.2rem}.modal-tagline{font-size:.85rem;color:var(--text-secondary);max-width:800px}.modal-tabs{display:flex;gap:1.5rem;border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:.25rem}.modal-tab-btn{background:0 0;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);padding:.5rem .25rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:.4rem;font-family:var(--font-sans)}.modal-tab-btn svg{color:var(--text-muted);transition:var(--transition)}.modal-tab-btn:hover{color:var(--text-primary)}.modal-tab-btn:hover svg{color:var(--text-secondary)}.modal-tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.modal-tab-btn.active svg{color:var(--accent)}.modal-tab-content{display:none;width:100%}.modal-tab-content.active{display:flex;flex-direction:column}.modal-body{position:relative;width:100%;min-height:250px}.modal-details-col{display:flex;flex-direction:column;gap:1rem}.modal-section h4{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.35rem}.modal-section p{color:var(--text-secondary);font-size:.85rem;line-height:1.4}.use-case-box{background:rgba(255,255,255,2%);border-left:3px solid var(--accent);padding:.65rem;border-radius:0 8px 8px 0}.use-case-box p{font-size:.85rem;color:var(--text-primary)}.source-box{background:rgba(59,130,246,5%);border:1px solid rgba(59,130,246,.2);padding:.5rem .75rem;border-radius:8px;margin-top:.25rem}.source-link{color:var(--accent);text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:.5rem;transition:var(--transition);font-size:.8rem}.source-link:hover{color:var(--text-primary);text-decoration:none;transform:translateX(2px)}.pros-cons-grid{display:grid;grid-template-columns:1fr;gap:.75rem}@media(min-width:640px){.pros-cons-grid{grid-template-columns:repeat(2,1fr)}}.pros-box,.cons-box{background:rgba(255,255,255,.015);border:1px solid var(--border);border-radius:8px;padding:.65rem}.pros-box h5,.cons-box h5{font-size:.8rem;font-weight:700;text-transform:uppercase;margin-bottom:.35rem}.pros-box h5{color:var(--behavioral)}.cons-box h5{color:var(--creational)}.pros-box ul,.cons-box ul{list-style:none;display:flex;flex-direction:column;gap:.3rem}.pros-box li,.cons-box li{font-size:.78rem;color:var(--text-secondary);position:relative;padding-left:1rem}.pros-box li::before{content:'✓';position:absolute;left:0;color:var(--behavioral);font-weight:700}.cons-box li::before{content:'✗';position:absolute;left:0;color:var(--creational);font-weight:700}.modal-code-col{display:flex;flex-direction:column;max-height:100%}.code-header{background:#111827;border:1px solid var(--border);border-bottom:none;border-radius:12px 12px 0 0;padding:.5rem 1rem;display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-secondary)}#copy-code-btn{background:rgba(255,255,255,5%);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);padding:.25rem .6rem;display:flex;align-items:center;gap:.4rem;cursor:pointer;font-size:.75rem;font-family:var(--font-sans);transition:var(--transition)}#copy-code-btn:hover{background:rgba(255,255,255,.1);color:var(--text-primary)}.modal-code-col pre{margin:0;background:var(--bg-code) !important;border:1px solid var(--border);border-radius:0 0 12px 12px;padding:.75rem !important;overflow:auto;font-family:var(--font-mono);font-size:.78rem;line-height:1.35;flex-grow:1;max-height:60vh}.modal-code-col code{font-family:var(--font-mono) !important;background:0 0 !important;padding:0 !important;border-radius:0 !important}pre[class*=language-]{background:var(--bg-code)}.search-wrapper{position:relative;width:100%;display:flex;align-items:center}.search-kbd{position:absolute;right:1.1rem;top:50%;transform:translateY(-50%);background:rgba(255,255,255,8%);border:1px solid rgba(255,255,255,.15);border-radius:4px;padding:.05rem .35rem;font-size:.7rem;color:var(--text-muted);font-family:var(--font-sans);pointer-events:none;transition:var(--transition)}#search-bar:focus~.search-kbd,#search-bar:not(:placeholder-shown)~.search-kbd,#home-search-bar:focus~.search-kbd,#home-search-bar:not(:placeholder-shown)~.search-kbd{opacity:0;transform:translateY(-50%)scale(.8)}.search-clear-btn{position:absolute;right:1.1rem;top:50%;transform:translateY(-50%);background:0 0;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:var(--transition);border-radius:50%}.search-clear-btn:hover{color:var(--text-primary);background:rgba(255,255,255,.1)}.search-clear-btn.hidden{display:none}.top-level-tabs .tab-btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.sub-category-tabs-wrapper{position:relative;width:100%;max-width:900px;margin:.75rem auto 0}.sub-category-tabs{display:flex;flex-wrap:nowrap !important;gap:.4rem;overflow-x:auto;padding:.25rem 1.25rem;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.sub-category-tabs::-webkit-scrollbar{display:none}.sub-category-tabs-fade-left,.sub-category-tabs-fade-right{position:absolute;top:0;bottom:0;width:2rem;pointer-events:none;z-index:2;transition:opacity .3s ease}.sub-category-tabs-fade-left{left:0;background:linear-gradient(90deg,#0b0f19 0%,rgba(11,15,25,0) 100%);opacity:0}.sub-category-tabs-fade-right{right:0;background:linear-gradient(-90deg,#0b0f19 0%,rgba(11,15,25,0) 100%);opacity:0}.category-card.featured-card{background:linear-gradient(135deg,rgba(59,130,246,8%) 0%,rgba(99,102,241,8%) 100%);border:1px solid rgba(59,130,246,.2);box-shadow:0 4px 20px rgba(59,130,246,3%)}.category-card.featured-card:hover{border-color:var(--accent);box-shadow:0 12px 30px rgba(59,130,246,.15)}.category-card.featured.guardrails-acs-card{background:linear-gradient(135deg,rgba(16,185,129,.1) 0%,rgba(6,78,59,.15) 100%);border:2px solid rgba(16,185,129,.3);box-shadow:0 4px 20px rgba(16,185,129,.1);padding:1.5rem}.category-card.featured.guardrails-acs-card:hover{border-color:#34d399;box-shadow:0 12px 30px rgba(16,185,129,.2);transform:translateY(-4px)}.category-card.featured.guardrails-acs-card .category-icon{font-size:2rem;margin-bottom:.75rem;filter:drop-shadow(0 2px 4px rgba(16,185,129,.3))}.category-card.featured.guardrails-acs-card h5{font-size:1.25rem;font-weight:700;color:#34d399;margin-bottom:.5rem}.category-card.featured.guardrails-acs-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:0}.top-category-badge.agentic_ai{background:rgba(6,182,212,.15);color:#06b6d4;border:1px solid rgba(6,182,212,.3)}.top-category-badge.data_science{background:rgba(20,184,166,.15);color:#14b8a6;border:1px solid rgba(20,184,166,.3)}.top-category-badge.language_models{background:rgba(236,72,153,.15);color:#ec4899;border:1px solid rgba(236,72,153,.3)}.top-category-badge.machine_learning{background:rgba(245,158,11,.15);color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.top-category-badge.microservices{background:rgba(139,92,246,.15);color:#8b5cf6;border:1px solid rgba(139,92,246,.3)}.top-category-badge.software_design{background:rgba(59,130,246,.15);color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.card[data-top-category=agentic_ai]::before{background:#06b6d4}.card[data-top-category=data_science]::before{background:#14b8a6}.card[data-top-category=language_models]::before{background:#ec4899}.card[data-top-category=machine_learning]::before{background:#f59e0b}.card[data-top-category=microservices]::before{background:#8b5cf6}.card[data-top-category=software_design]::before{background:#3b82f6}.card[data-top-category=agentic_ai]:hover{border-color:rgba(6,182,212,.4);box-shadow:0 12px 30px rgba(6,182,212,.15)}.card[data-top-category=data_science]:hover{border-color:rgba(20,184,166,.4);box-shadow:0 12px 30px rgba(20,184,166,.15)}.card[data-top-category=language_models]:hover{border-color:rgba(236,72,153,.4);box-shadow:0 12px 30px rgba(236,72,153,.15)}.card[data-top-category=machine_learning]:hover{border-color:rgba(245,158,11,.4);box-shadow:0 12px 30px rgba(245,158,11,.15)}.card[data-top-category=microservices]:hover{border-color:rgba(139,92,246,.4);box-shadow:0 12px 30px rgba(139,92,246,.15)}.card[data-top-category=software_design]:hover{border-color:rgba(59,130,246,.4);box-shadow:0 12px 30px rgba(59,130,246,.15)}.no-results-buttons{display:flex;gap:1rem;margin-top:1.5rem}#search-global-btn{background:var(--accent-gradient);border:none;color:#fff;padding:.65rem 1.25rem;border-radius:8px;cursor:pointer;font-weight:600;transition:var(--transition);font-family:var(--font-sans);box-shadow:0 4px 14px rgba(59,130,246,.3)}#search-global-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(59,130,246,.4)}#search-global-btn.hidden{display:none}.modal-navigation-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding-top:.75rem;margin-top:1rem}.modal-navigation-footer .nav-btn{display:inline-flex;align-items:center;gap:.4rem;background:rgba(255,255,255,3%);border:1px solid var(--border);color:var(--text-primary);padding:.35rem .75rem;font-size:.75rem;font-weight:500;border-radius:6px;cursor:pointer;transition:var(--transition);font-family:var(--font-sans)}.modal-navigation-footer .nav-btn:hover:not(.disabled):not([disabled]){background:rgba(255,255,255,8%);border-color:rgba(255,255,255,.2);transform:translateY(-1px)}.modal-navigation-footer .nav-btn.disabled,.modal-navigation-footer .nav-btn[disabled]{opacity:.3;cursor:not-allowed;pointer-events:none}.modal-navigation-footer .nav-position-indicator{font-size:.75rem;color:var(--text-muted);font-weight:500}.modal-navigation-footer #modal-current-index{color:var(--text-primary);font-weight:600}body.workspace-body{height:100vh;overflow:hidden;display:flex;flex-direction:column;background-color:#070a13}body.page-body,body.tools-body{overflow-y:auto;min-height:100vh}body.page-body main,body.tools-body main{padding-top:60px;padding-bottom:4rem}.app-header{height:52px;background:rgba(11,15,25,.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 1.25rem;flex-shrink:0;z-index:100}.header-left,.header-right{display:flex;align-items:center;gap:.85rem}.header-left .logo{margin-bottom:0;font-size:1.15rem}.divider-v{width:1px;height:16px;background:var(--border)}.app-tagline{font-size:.78rem;color:var(--text-muted);font-weight:500}.header-stats-minimal{display:flex;gap:.5rem}.stat-pill-mini{background:rgba(59,130,246,5%);border:1px solid rgba(59,130,246,.15);border-radius:6px;padding:.15rem .5rem;display:flex;align-items:center;gap:.25rem;font-size:.7rem}.stat-num{color:var(--accent);font-weight:700}.stat-lbl{color:var(--text-muted)}.github-link{color:var(--text-secondary);display:flex;align-items:center;justify-content:center;padding:.35rem;border-radius:6px;border:1px solid transparent;transition:var(--transition)}.github-link:hover{background:rgba(255,255,255,5%);border-color:var(--border);color:var(--text-primary)}.app-workspace{flex:1;display:flex;overflow:hidden;height:calc(100vh - 52px);position:relative}.sidebar-pane{width:250px;background-color:#090d16;border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;transition:var(--transition)}.sidebar-scrollable{flex:1;overflow-y:auto;padding:.85rem .5rem;display:flex;flex-direction:column;gap:1.25rem}.tree-group{display:flex;flex-direction:column;gap:.25rem}.tree-section-heading{font-size:.68rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding:0 .65rem .35rem}.tree-item,.tree-folder-header{display:flex;align-items:center;padding:.4rem .65rem;font-size:.82rem;color:var(--text-secondary);border-radius:6px;cursor:pointer;transition:var(--transition);user-select:none;position:relative;gap:.5rem}.tree-item:hover,.tree-folder-header:hover{background:rgba(255,255,255,2%);color:var(--text-primary)}.tree-item.active,.tree-folder.active>.tree-folder-header{background:rgba(59,130,246,8%);color:#fff;font-weight:500}.tree-item.active::before,.tree-folder.active>.tree-folder-header::before{content:'';position:absolute;left:0;top:6px;bottom:6px;width:3px;background:var(--accent);border-radius:0 4px 4px 0}.tree-arrow{font-size:.6rem;color:var(--text-muted);transition:transform .2s ease;display:inline-block;width:10px}.tree-folder.expanded>.tree-folder-header .tree-arrow{transform:rotate(90deg);color:var(--text-secondary)}.tree-item-icon{font-size:.95rem}.tree-item-label{flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-item-count{font-size:.65rem;font-family:var(--font-mono);color:var(--text-muted);background:rgba(255,255,255,4%);padding:.05rem .35rem;border-radius:4px;border:1px solid rgba(255,255,255,2%)}.tree-item.active .tree-item-count,.tree-folder.active>.tree-folder-header .tree-item-count{color:var(--accent);background:rgba(59,130,246,.15);border-color:rgba(59,130,246,.1)}.tree-sub-items{display:flex;flex-direction:column;padding-left:1.65rem;margin-top:.15rem;gap:.15rem;position:relative}.tree-sub-items::after{content:'';position:absolute;left:18px;top:0;bottom:10px;width:1px;background:var(--border)}.tree-sub-item{display:flex;align-items:center;padding:.3rem .5rem;font-size:.76rem;color:var(--text-muted);border-radius:4px;cursor:pointer;transition:var(--transition);position:relative}.tree-sub-item::before{content:'';position:absolute;left:-7px;top:10px;width:6px;height:1px;background:var(--border)}.tree-sub-item:hover{color:var(--text-primary);background:rgba(255,255,255,.015)}.tree-sub-item.active{color:var(--accent);font-weight:500}.list-pane{flex:1;background-color:#0b0f19;border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;transition:flex .2s ease,width .2s ease}.list-pane-header{padding:.85rem 1rem;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:.65rem;background:rgba(11,15,25,.4)}.mobile-sidebar-toggle{display:none}.list-pane .search-container{width:100%;margin-bottom:0}.list-pane .search-wrapper input{padding:.55rem 1rem .55rem 2.5rem;font-size:.85rem;border-radius:6px;background:rgba(15,23,42,.4)}.list-pane .search-icon{left:.85rem;width:.95rem;height:.95rem}.list-pane .search-kbd{right:.85rem;font-size:.65rem;border-radius:3px;padding:0 .25rem}.filter-status-row{display:flex;justify-content:space-between;align-items:center}.filter-info{font-size:.72rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pattern-count-badge{background:rgba(255,255,255,4%);border:1px solid var(--border);border-radius:12px;padding:.1rem .45rem;font-size:.65rem;font-family:var(--font-mono);font-weight:500;color:var(--text-secondary)}.list-pane-scrollable{flex:1;overflow-y:auto;padding:.65rem}.list-pane-scrollable .grid{display:flex;flex-direction:column;gap:.4rem}.list-pane-scrollable .card{background:rgba(17,24,39,.35);border:1px solid var(--border);border-radius:8px;padding:.55rem .75rem;display:flex;flex-direction:row;gap:.65rem;position:relative;cursor:pointer;transition:var(--transition);overflow:hidden;backdrop-filter:none;align-items:stretch}.list-pane-scrollable .card::before{display:none}.card-indicator{width:3px;border-radius:4px;flex-shrink:0;background:rgba(255,255,255,.15)}.card-indicator.agentic_ai{background:#06b6d4}.card-indicator.cloud{background:#3b82f6}.card-indicator.data_science{background:#14b8a6}.card-indicator.language_models{background:#ec4899}.card-indicator.machine_learning{background:#f59e0b}.card-indicator.microservices{background:#8b5cf6}.card-indicator.software_design{background:#3b82f6}.card-indicator.integration{background:#10b981}.card-body{flex-grow:1;display:flex;flex-direction:column;gap:.15rem;min-width:0}.card-meta{display:flex;flex-wrap:wrap;gap:.25rem;align-items:center;margin-bottom:.15rem}.list-pane-scrollable .card-meta .top-category-badge{padding:.05rem .35rem;font-size:.58rem;border-radius:4px}.list-pane-scrollable .card-meta .subcategory-badge{padding:.05rem .35rem;font-size:.58rem;border-radius:4px;max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-pane-scrollable .card h3{font-size:.88rem;font-weight:600;margin-bottom:0;letter-spacing:-.01em;color:var(--text-primary)}.list-pane-scrollable .card p{font-size:.75rem;color:var(--text-muted);margin-bottom:0;line-height:1.35;-webkit-line-clamp:1}.list-pane-scrollable .card:hover{background:rgba(30,41,59,.4);border-color:rgba(255,255,255,.15);transform:translateY(0)}.list-pane-scrollable .card.selected{background:rgba(30,41,59,.85);border-color:rgba(59,130,246,.4);box-shadow:0 4px 12px rgba(0,0,0,.15)}.list-pane-scrollable .card.selected h3{color:#fff}.list-pane-scrollable .card.selected p{color:var(--text-secondary)}.detail-pane{flex:1;overflow-y:auto;background-color:#070a13;position:relative;display:flex;flex-direction:column}.detail-overlay{display:none}.detail-close{display:none}@media(min-width:1025px){.app-workspace:not(.has-selection) .detail-pane{display:none !important}.app-workspace.has-selection .list-pane{flex:0 0 380px !important;width:380px !important}.app-workspace:not(.has-selection) .list-pane-scrollable .grid{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(280px,1fr)) !important;gap:.65rem !important}.app-workspace.has-selection .list-pane-scrollable .grid{display:grid !important;grid-template-columns:1fr !important;gap:.4rem !important}.app-workspace.has-selection .detail-close{display:inline-flex;align-items:center;gap:.4rem;background:rgba(255,255,255,3%);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);padding:.35rem .75rem;font-size:.75rem;font-family:var(--font-sans);font-weight:500;cursor:pointer;transition:var(--transition);margin-bottom:1.25rem;align-self:flex-start}.app-workspace.has-selection .detail-close:hover{background:rgba(255,255,255,8%);color:var(--text-primary)}}.detail-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;max-width:500px;margin:auto}.empty-state-visual{position:relative;width:60px;height:60px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.empty-icon{font-size:1.85rem;z-index:1}.pulse-ring{position:absolute;width:100%;height:100%;border-radius:50%;background:rgba(59,130,246,4%);border:1px solid rgba(59,130,246,.1);animation:pulseGlow 3s infinite ease-in-out}@keyframes pulseGlow{0%{transform:scale(.9);opacity:.6}50%{transform:scale(1.15);opacity:1;border-color:rgba(59,130,246,.25);background:rgba(59,130,246,8%)}100%{transform:scale(.9);opacity:.6}}.detail-empty-state h3{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.detail-empty-state p{font-size:.82rem;color:var(--text-muted);line-height:1.5;margin-bottom:1.5rem}.empty-shortcuts{display:flex;flex-direction:column;gap:.45rem;width:100%;align-items:center}.shortcut-tip{display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:var(--text-muted)}.shortcut-tip kbd{background:rgba(255,255,255,5%);border:1px solid rgba(255,255,255,.12);border-radius:4px;padding:.05rem .35rem;font-size:.68rem;font-family:var(--font-mono);color:var(--text-secondary)}.detail-pane-content{padding:1.5rem 2rem;width:100%;max-width:900px;margin:0 auto;display:flex;flex-direction:column;min-height:100%;animation:contentFadeIn .2s ease-out}@keyframes contentFadeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.detail-pane-content .modal-header{border-bottom:1px solid var(--border);padding-bottom:.85rem;margin-bottom:1rem}.detail-pane-content .modal-header h2{font-size:1.6rem;font-weight:800;letter-spacing:-.03em;margin-bottom:.35rem;background:linear-gradient(135deg,#ffffff 60%,#9ca3af 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.detail-pane-content .modal-tagline{font-size:.9rem;color:var(--text-secondary);line-height:1.45}.detail-pane-content .modal-tabs{margin-bottom:1.25rem}.detail-pane-content .modal-body{flex-grow:1}.detail-pane-content .modal-section{margin-bottom:1.25rem}.detail-pane-content .modal-code-col pre{max-height:calc(100vh - 250px)}.sidebar-scrollable::-webkit-scrollbar,.list-pane-scrollable::-webkit-scrollbar,.detail-pane::-webkit-scrollbar{width:6px;height:6px}.sidebar-scrollable::-webkit-scrollbar-track,.list-pane-scrollable::-webkit-scrollbar-track,.detail-pane::-webkit-scrollbar-track{background:0 0}.sidebar-scrollable::-webkit-scrollbar-thumb,.list-pane-scrollable::-webkit-scrollbar-thumb,.detail-pane::-webkit-scrollbar-thumb{background:rgba(255,255,255,5%);border-radius:10px}.sidebar-scrollable::-webkit-scrollbar-thumb:hover,.list-pane-scrollable::-webkit-scrollbar-thumb:hover,.detail-pane::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.12)}@media(max-width:1024px){.sidebar-pane{position:absolute;left:-250px;top:0;bottom:0;z-index:110;height:100%;box-shadow:15px 0 30px rgba(0,0,0,.4)}.sidebar-pane.mobile-open{left:0}.list-pane{flex:1;width:100%}.mobile-sidebar-toggle{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,3%);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);padding:.35rem .75rem;font-size:.75rem;font-family:var(--font-sans);font-weight:500;cursor:pointer;align-self:flex-start;transition:var(--transition);margin-bottom:.25rem}.mobile-sidebar-toggle:hover{background:rgba(255,255,255,8%);color:var(--text-primary)}.detail-pane{position:absolute;top:0;right:-100%;width:100%;height:100%;z-index:120;transition:right .3s cubic-bezier(.4,0,.2,1);box-shadow:-10px 0 30px rgba(0,0,0,.3)}.detail-pane.mobile-open{right:0}.detail-overlay{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(3,7,18,.5);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:119}.detail-pane.mobile-open~.detail-overlay{opacity:1;pointer-events:auto}.detail-empty-state{display:none !important}.detail-pane-content{background-color:#070a13;padding:1rem 1.25rem;z-index:121;position:relative}.detail-close{display:inline-flex;align-items:center;gap:.4rem;background:rgba(255,255,255,3%);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);padding:.35rem .75rem;font-size:.75rem;font-family:var(--font-sans);font-weight:500;cursor:pointer;align-self:flex-start;margin-bottom:1.25rem;transition:var(--transition)}.detail-close:hover{background:rgba(255,255,255,8%);color:var(--text-primary)}.sidebar-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(3,7,18,.5);backdrop-filter:blur(4px);z-index:109;animation:fadeIn .25s ease-out}}.buckets-section{margin:6rem 0;position:relative}.buckets-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.bucket-card.span-full-width{grid-column:span 2}.bucket-card{background:rgba(255,255,255,3%);border:1px solid var(--border);border-radius:16px;padding:1.5rem;transition:var(--transition)}.bucket-card:hover{border-color:var(--accent);box-shadow:0 8px 24px rgba(0,0,0,.2)}.bucket-icon{font-size:2.5rem;margin-bottom:.75rem}.bucket-card h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.bucket-card p{color:var(--text-secondary);margin-bottom:1rem;font-size:.9rem;line-height:1.5}.bucket-highlights{list-style:none;padding:0;margin:0 0 1.5rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.bucket-highlights li{padding:.4rem .6rem;color:var(--text-muted);font-size:.8rem;border-left:2px solid var(--accent);padding-left:.6rem;background:rgba(59,130,246,3%);border-radius:4px;transition:var(--transition)}.bucket-highlights li:hover{background:rgba(59,130,246,8%);border-left-color:#60a5fa;color:var(--text-secondary)}.bucket-subcategories{border-top:1px solid var(--border);padding-top:1.5rem}.bucket-subcategory{margin-bottom:1.5rem}.bucket-subcategory:last-child{margin-bottom:0}.bucket-subcategory h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.category-card.mini{background:rgba(255,255,255,2%);border:1px solid var(--border);border-radius:8px;padding:.75rem;text-decoration:none;transition:var(--transition);display:block}.category-card.mini:hover{transform:translateY(-2px);border-color:var(--accent);background:rgba(255,255,255,4%)}.category-card.mini .category-icon{font-size:1.25rem;margin-bottom:.25rem}.category-card.mini h5{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:.15rem}.category-card.mini p{color:var(--text-muted);font-size:.75rem;margin-bottom:0}.pattern-categories-grid,.oop-concepts-grid,.solid-grid,.principles-grid,.code-smells-grid,.algorithms-grid,.data-structures-grid,.big-o-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}@media(max-width:768px){.buckets-section{margin:6rem 0;position:relative}.section-title{font-size:1.25rem;margin-bottom:1rem}.buckets-grid{grid-template-columns:1fr;gap:1rem}.bucket-card.span-full-width{grid-column:span 1}.pattern-categories-grid,.oop-concepts-grid,.solid-grid,.principles-grid,.code-smells-grid,.algorithms-grid,.data-structures-grid,.big-o-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.5rem}.bucket-card{padding:1.25rem}.bucket-icon{font-size:2rem}.bucket-card h3{font-size:1.25rem}.bucket-card p{font-size:.85rem}.bucket-highlights{grid-template-columns:repeat(2,1fr);gap:.4rem}.bucket-highlights li{font-size:.75rem;padding:.35rem .5rem}.bucket-subcategory{margin-bottom:1.25rem}.bucket-subcategory h4{font-size:1rem;margin-bottom:.75rem}.bucket-subcategories{padding-top:1.25rem}.category-card.mini{padding:.6rem}.category-card.mini .category-icon{font-size:1.1rem}.category-card.mini h5{font-size:.85rem}.category-card.mini p{font-size:.7rem}}@media(max-width:480px){.tradeoffs-subcategories-grid{grid-template-columns:1fr}.buckets-section{margin:6rem 0;position:relative}.bucket-card{padding:1rem}.pattern-categories-grid,.oop-concepts-grid,.solid-grid,.principles-grid{grid-template-columns:repeat(2,1fr)}}.single-pattern-container{display:flex;justify-content:center;align-items:flex-start;min-height:calc(100vh - 56px);padding:40px 24px;background-color:var(--bg-main,#0b0f19);overflow-y:auto}.single-pattern-content{width:100%;max-width:none;margin:0;background-color:var(--bg-modal,#111827);border:1px solid rgba(255,255,255,8%);border-radius:16px;padding:40px;box-shadow:0 20px 40px rgba(0,0,0,.3)}.single-pattern-content .detail-close{position:static;display:inline-flex;align-items:center;gap:8px;background:0 0;border:none;color:#9ca3af;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;margin-bottom:28px;padding:0;transition:color .2s ease;text-decoration:none}.single-pattern-content .detail-close:hover{color:#3b82f6}.single-pattern-content .modal-header{margin-bottom:32px}.single-pattern-content .modal-tabs{margin-bottom:32px;border-bottom:1px solid rgba(255,255,255,8%);padding-bottom:12px;display:flex;gap:16px}.single-pattern-content .modal-tab-content{display:none}.single-pattern-content .modal-tab-content.active{display:block}.single-pattern-content .modal-code-col pre{background-color:#0d1117 !important;border-radius:12px;border:1px solid rgba(255,255,255,5%)}.app-header .app-tagline-link{color:#9ca3af;text-decoration:none;font-size:13px;font-weight:500;transition:color .2s ease}.app-header .app-tagline-link:hover{color:#fff}.callout-box{margin:24px 0;padding:20px 24px;border-radius:12px;border-left:4px solid transparent;box-shadow:0 4px 20px rgba(0,0,0,.15);transition:transform .2s ease,box-shadow .2s ease}.callout-box:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(0,0,0,.2)}.callout-box h5{margin:0 0 10px;font-family:outfit,sans-serif;font-size:13.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;display:flex;align-items:center;gap:8px}.callout-box p{margin:0;font-size:15px;line-height:1.65;color:#e5e7eb}.callout-box p a{color:#60a5fa;text-decoration:none;border-bottom:1px dashed rgba(96,165,250,.4);transition:border-bottom-color .2s}.callout-box p a:hover{border-bottom-color:#60a5fa}.intent-box{border-left-color:#3b82f6;background:linear-gradient(90deg,rgba(59,130,246,8%) 0%,rgba(59,130,246,2%) 100%)}.intent-box h5{color:#60a5fa}.context-box{border-left-color:#10b981;background:linear-gradient(90deg,rgba(16,185,129,8%) 0%,rgba(16,185,129,2%) 100%)}.context-box h5{color:#34d399}.solution-box{border-left-color:#8b5cf6;background:linear-gradient(90deg,rgba(139,92,246,8%) 0%,rgba(139,92,246,2%) 100%)}.solution-box h5{color:#a78bfa}.problem-box{border-left-color:#ef4444;background:linear-gradient(90deg,rgba(239,68,68,8%) 0%,rgba(239,68,68,2%) 100%)}.problem-box h5{color:#f87171}.forces-box{border-left-color:#f59e0b;background:linear-gradient(90deg,rgba(245,158,11,8%) 0%,rgba(245,158,11,2%) 100%)}.forces-box h5{color:#fbbf24}.tldr-box{border-left-color:#ec4899;background:linear-gradient(90deg,rgba(236,72,153,8%) 0%,rgba(236,72,153,2%) 100%)}.tldr-box h5{color:#f472b6}@media(max-width:768px){.single-pattern-container{padding:16px 12px}.single-pattern-content{padding:24px 16px;border-radius:12px}}.subcategory-references{margin-top:32px;padding:24px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px}.subcategory-references h4{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:8px}.subcategory-references h4::before{content:"📚"}.references-list{list-style:none;padding:0;margin:0}.references-list li{margin-bottom:12px}.references-list li:last-child{margin-bottom:0}.references-list a{color:var(--accent);text-decoration:none;font-size:14px;transition:var(--transition);display:inline-flex;align-items:center;gap:6px}.references-list a:hover{color:var(--text-primary);text-decoration:underline}.references-list a::after{content:"↗";font-size:12px;opacity:.7}.single-pattern-content table,.main-content table,.detail-pane-content table,.app-workspace table,article table{width:100%;border-collapse:collapse;margin:0;font-size:.9rem;background:rgba(17,24,39,.4);border-radius:8px;overflow:hidden;border:1px solid rgba(59,130,246,.15)}.single-pattern-content .table-wrapper,.main-content .table-wrapper,.detail-pane-content .table-wrapper,.app-workspace .table-wrapper,article .table-wrapper{overflow-x:auto;margin:2rem 0;border-radius:8px}.single-pattern-content thead,.main-content thead,.detail-pane-content thead,.app-workspace thead,article thead{background:rgba(59,130,246,8%);border-bottom:2px solid rgba(59,130,246,.2)}.single-pattern-content thead th,.main-content thead th,.detail-pane-content thead th,.app-workspace thead th,article thead th{padding:.875rem 1rem;text-align:left;font-weight:600;color:#60a5fa;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;border-right:1px solid rgba(59,130,246,.1)}.single-pattern-content thead th:last-child,.main-content thead th:last-child,.detail-pane-content thead th:last-child,.app-workspace thead th:last-child,article thead th:last-child{border-right:none}.single-pattern-content tbody tr,.main-content tbody tr,.detail-pane-content tbody tr,.app-workspace tbody tr,article tbody tr{border-bottom:1px solid rgba(59,130,246,8%);transition:background-color .2s ease}.single-pattern-content tbody tr:last-child,.main-content tbody tr:last-child,.detail-pane-content tbody tr:last-child,.app-workspace tbody tr:last-child,article tbody tr:last-child{border-bottom:none}.single-pattern-content tbody tr:hover,.main-content tbody tr:hover,.detail-pane-content tbody tr:hover,.app-workspace tbody tr:hover,article tbody tr:hover{background:rgba(59,130,246,5%)}.single-pattern-content tbody td,.main-content tbody td,.detail-pane-content tbody td,.app-workspace tbody td,article tbody td{padding:.875rem 1rem;vertical-align:top;color:var(--text-secondary);line-height:1.6;border-right:1px solid rgba(59,130,246,8%)}.single-pattern-content tbody td:last-child,.main-content tbody td:last-child,.detail-pane-content tbody td:last-child,.app-workspace tbody td:last-child,article tbody td:last-child{border-right:none}.single-pattern-content tbody td strong,.main-content tbody td strong,.detail-pane-content tbody td strong,.app-workspace tbody td strong,article tbody td strong{color:#60a5fa;font-weight:600}.single-pattern-content tbody td:first-child,.main-content tbody td:first-child,.detail-pane-content tbody td:first-child,.app-workspace tbody td:first-child,article tbody td:first-child{font-weight:500;color:var(--text-primary);background:rgba(59,130,246,3%)}.single-pattern-content img,.main-content img,.detail-pane-content img,.app-workspace img,article img{max-width:100%;height:auto}@media(max-width:768px){.single-pattern-content table,.main-content table,.detail-pane-content table,.app-workspace table,article table{font-size:.85rem}.single-pattern-content thead th,.main-content thead th,.detail-pane-content thead th,.app-workspace thead th,article thead th{padding:.75rem .875rem;font-size:.8rem}.single-pattern-content tbody td,.main-content tbody td,.detail-pane-content tbody td,.app-workspace tbody td,article tbody td{padding:.75rem .875rem}}@media(max-width:768px){.tab-btn,.sub-tab-btn,.playbook-nav-btn,.playbook-copy-btn,#clear-search-btn,.modal-tab-btn,#copy-code-btn,.search-clear-btn,#search-global-btn,.nav-btn{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}}.tradeoffs-subcategories-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;margin-top:1.5rem}@media(max-width:1200px){.tradeoffs-subcategories-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.tradeoffs-subcategories-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}.agent-loop-section{padding:3rem 0;border-top:1px solid var(--border)}.section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}.agent-loop-container{display:flex;flex-direction:column;align-items:center;padding:1rem 0}.agent-loop-mobile{display:grid;grid-template-columns:1fr;gap:1rem;width:100%;max-width:800px}.mobile-step-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1rem;display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start;transition:var(--transition)}.mobile-step-card:hover{border-color:var(--accent);box-shadow:0 12px 32px rgba(59,130,246,.3);transform:translateY(-4px)scale(1.02)}.mobile-step-icon{font-size:1.5rem}.mobile-step-name{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.mobile-step-description{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.agent-loop-circular{display:none;position:relative;width:100%;max-width:800px;aspect-ratio:16/12;margin:0 auto}.loop-center{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);width:160px;height:120px;background:var(--bg-card);border:2px solid var(--accent);border-radius:60px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px rgba(59,130,246,.2);z-index:10}.loop-center-content{text-align:center}.loop-label{font-size:1rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.05em}.loop-steps{position:relative;width:100%;height:100%}.loop-steps::before{content:'';position:absolute;top:50%;left:50%;width:700px;height:400px;border:2px dashed var(--border);border-radius:50%;transform:translate(-50%,-50%);z-index:1}.loop-step{position:absolute;top:50%;left:50%;width:200px;height:130px;transition:transform .3s ease}.loop-step[data-step=perceive]{transform:translate(-50%,-50%)translate(-200px,-150px)}.loop-step[data-step=plan]{transform:translate(-50%,-50%)translate(200px,-150px)}.loop-step[data-step=act]{transform:translate(-50%,-50%)translate(350px,50px)}.loop-step[data-step=observe]{transform:translate(-50%,-50%)translate(0,180px)}.loop-step[data-step=iterate]{transform:translate(-50%,-50%)translate(-350px,50px)}.loop-step[data-step=perceive]:hover{transform:translate(-50%,-50%)translate(-220px,-170px)}.loop-step[data-step=plan]:hover{transform:translate(-50%,-50%)translate(220px,-170px)}.loop-step[data-step=act]:hover{transform:translate(-50%,-50%)translate(380px,70px)}.loop-step[data-step=observe]:hover{transform:translate(-50%,-50%)translate(0,200px)}.loop-step[data-step=iterate]:hover{transform:translate(-50%,-50%)translate(-380px,70px)}.step-wrapper{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.25rem;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:all .3s ease;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.step-wrapper:hover{border-color:var(--accent);border-width:2px;box-shadow:0 12px 24px rgba(59,130,246,.3);transform:scale(1.05);background:rgba(59,130,246,5%)}.step-icon{font-size:2rem;margin-bottom:.75rem}.step-name{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.step-description{font-size:.875rem;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.step-arrow{position:absolute;top:50%;right:-22px;width:22px;height:22px;background:var(--bg-card);border:1px solid var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;transform:translateY(-50%);z-index:5}.step-arrow::after{content:'→';color:var(--accent);font-size:1.125rem;font-weight:700}.step-arrow.final{border-color:var(--accent);background:rgba(59,130,246,.1)}.step-arrow.final::after{content:'↻'}@media(max-width:768px){.section-header{flex-direction:column;align-items:flex-start}}@media(max-width:1024px){.agent-loop-mobile{display:grid}.agent-loop-circular{display:none}}@media(min-width:1025px){.agent-loop-mobile{display:none}.agent-loop-circular{display:block;margin-top:.5rem}}.interactive-tools-section{padding:4rem 0;margin:2rem 0;width:100%;max-width:none;background:linear-gradient(135deg,var(--bg-card) 0%,rgba(59,130,246,3%) 100%);border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,8%),0 0 1px rgba(59,130,246,.1)}.interactive-tools-section .section-title{text-align:center;font-size:2rem;font-weight:800;background:linear-gradient(135deg,#1e293b 0%,#3b82f6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;letter-spacing:-.02em;line-height:1.2}.interactive-tools-section .section-description{text-align:center;font-size:1.1rem;color:var(--text-secondary);line-height:1.6;max-width:800px;margin:0 auto 3rem}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding:0 2rem}.tool-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:2rem;text-decoration:none;color:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden}.tool-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);opacity:0;transition:opacity .3s ease}.tool-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.12);border-color:rgba(59,130,246,.3)}.tool-card:hover::before{opacity:1}.tool-icon{font-size:2.5rem;margin-bottom:1rem}.tool-card h3{font-size:1.25rem;font-weight:700;margin:0 0 .75rem;color:var(--text-primary)}.tool-card p{font-size:.95rem;line-height:1.6;color:var(--text-secondary);margin:0 0 1.5rem;flex-grow:1}.tool-link{font-size:.875rem;font-weight:600;color:#3b82f6;display:inline-flex;align-items:center;gap:.5rem;transition:gap .2s ease}.tool-card:hover .tool-link{gap:.75rem}@media(max-width:768px){.interactive-tools-section{width:100%;padding:2.5rem 0;margin:1.5rem 0;border-radius:12px}.interactive-tools-section .section-title{font-size:1.5rem;margin-bottom:.75rem}.interactive-tools-section .section-description{font-size:.95rem;margin-bottom:2rem;padding:0 1rem}.tools-grid{grid-template-columns:1fr;gap:1rem;padding:0 1rem}.tool-card{padding:1.5rem}.tool-icon{font-size:2rem;margin-bottom:.75rem}.tool-card h3{font-size:1.1rem;margin-bottom:.5rem}.tool-card p{font-size:.85rem;margin-bottom:1rem}.tool-link{font-size:.8rem}}.section-subtitle{font-size:1.1rem;color:var(--text-secondary);max-width:720px;margin:0 auto 3rem}.related-concepts-section{margin:6rem 0;padding:4rem 2rem;background:linear-gradient(135deg,rgba(99,102,241,8%) 0%,rgba(139,92,246,5%) 100%);border-radius:20px;border:1px solid rgba(99,102,241,.15)}.related-concepts-section .section-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;text-align:center;letter-spacing:-.02em}.related-concepts-section .section-description{font-size:1.1rem;color:var(--text-secondary);text-align:center;max-width:700px;margin:0 auto 3rem;line-height:1.7}.concepts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;max-width:1400px;margin:0 auto}.concept-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:2rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;position:relative;overflow:hidden}.concept-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#818cf8,#c084fc);opacity:0;transition:opacity .3s ease}.concept-card:hover{transform:translateY(-8px);border-color:rgba(129,140,248,.4);box-shadow:0 12px 40px rgba(129,140,248,.15)}.concept-card:hover::before{opacity:1}.concept-icon{font-size:2.5rem;margin-bottom:1rem}.concept-card h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem;letter-spacing:-.01em}.concept-card p{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem;flex-grow:1}.concept-link{font-size:.9rem;font-weight:600;color:#818cf8;transition:color .2s ease}.concept-card:hover .concept-link{color:#a5b4fc}@media(max-width:768px){.related-concepts-section{margin:4rem 0;padding:3rem 1.5rem}.related-concepts-section .section-title{font-size:1.5rem}.related-concepts-section .section-description{font-size:1rem;margin-bottom:2rem}.concepts-grid{grid-template-columns:1fr;gap:1rem}.concept-card{padding:1.5rem}.concept-icon{font-size:2rem}.concept-card h3{font-size:1.1rem}.concept-card p{font-size:.9rem}}.hero-background-animation{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.floating-circle{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.2) 0%,transparent 70%);animation:float 8s ease-in-out infinite}.circle-1{width:300px;height:300px;top:-100px;right:-100px;animation-delay:0s}.circle-2{width:200px;height:200px;bottom:-50px;left:-50px;animation-delay:2s}.circle-3{width:150px;height:150px;top:50%;left:50%;animation-delay:4s}@keyframes float{0%,100%{transform:translateY(0)scale(1);opacity:.5}50%{transform:translateY(-20px)scale(1.1);opacity:.8}}.scroll-arrow{width:24px;height:24px;border-right:2px solid rgba(167,139,250,.6);border-bottom:2px solid rgba(167,139,250,.6);transform:rotate(45deg);animation:scrollBounce 2s ease-in-out infinite}@keyframes scrollBounce{0%,100%{transform:rotate(45deg)translateY(0);opacity:.6}50%{transform:rotate(45deg)translateY(-10px);opacity:1}}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes phaseFadeIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 rgba(16,185,129,.5)}70%{transform:scale(1);box-shadow:0 0 0 6px rgba(16,185,129,0)}100%{transform:scale(.95);box-shadow:0 0 rgba(16,185,129,0)}}.visible{animation:fadeIn .3s ease}.hidden{display:none}.playbook-card.visible{display:flex;animation:fadeIn .3s ease}.playbook-card.hidden{display:none}.phase.visible{display:block;pointer-events:auto;animation:phaseFadeIn .5s cubic-bezier(.16,1,.3,1)forwards}.phase{display:none;pointer-events:none}.stress-test-content.visible{display:block;animation:slideDown .3s ease}.stress-test-content{display:none}.main-navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(11,15,25,.95);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);transition:var(--transition)}.main-navbar:hover{border-bottom-color:var(--border-hover)}.navbar-container{width:100%;max-width:none;margin:0;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:70px}.navbar-brand{display:flex;align-items:center}.navbar-logo{display:flex;align-items:center;font-family:var(--font-sans);font-size:1.25rem;font-weight:700;color:var(--text-primary);text-decoration:none;transition:var(--transition)}.navbar-logo:hover{color:var(--accent)}.navbar-logo .logo-dot{display:inline-block;width:8px;height:8px;background:var(--accent-gradient);border-radius:50%;margin-right:10px;box-shadow:0 0 10px var(--accent-glow)}.navbar-toggle{display:none;flex-direction:column;gap:4px;background:0 0;border:none;cursor:pointer;padding:8px}.hamburger{width:24px;height:2px;background:var(--text-primary);border-radius:2px;transition:var(--transition)}.navbar-menu{display:flex;align-items:center;gap:.5rem}.nav-group{position:relative}.nav-group-toggle{display:flex;align-items:center;gap:8px;padding:.5rem 1rem;background:0 0;border:1px solid transparent;border-radius:8px;color:var(--text-primary);font-family:var(--font-sans);font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition)}.nav-group-toggle:hover{background:rgba(59,130,246,.1);border-color:var(--border-hover)}.nav-group-toggle[aria-expanded=true]{background:rgba(59,130,246,.15);border-color:var(--accent)}.nav-group-icon{font-size:1.1rem}.nav-chevron{width:16px;height:16px;transition:transform .3s ease}.nav-group-toggle[aria-expanded=true] .nav-chevron{transform:rotate(180deg)}.nav-dropdown{position:absolute;top:100%;left:0;min-width:280px;background:rgba(17,24,39,.95);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:12px;padding:.5rem;margin-top:.5rem;opacity:0;visibility:hidden;transform:translateY(-10px);transition:var(--transition);box-shadow:0 20px 40px rgba(0,0,0,.3)}.nav-group:hover .nav-dropdown,.nav-group-toggle:focus+.nav-dropdown,.nav-group-toggle[aria-expanded=true]+.nav-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.nav-item{display:flex;align-items:flex-start;gap:12px;padding:.75rem 1rem;border-radius:8px;color:var(--text-primary);text-decoration:none;transition:var(--transition)}.nav-item:hover{background:rgba(59,130,246,.1)}.nav-item-icon{font-size:1.2rem;line-height:1;flex-shrink:0}.nav-item-content{display:flex;flex-direction:column;gap:2px}.nav-item-title{font-family:var(--font-sans);font-size:.9rem;font-weight:600;color:#fff}.nav-item-description{font-family:var(--font-sans);font-size:.75rem;color:#d1d5db}@media(max-width:1024px){.navbar-toggle{display:flex}.navbar-menu{position:fixed;top:70px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--bg-main);border-bottom:1px solid var(--border);padding:1rem;max-height:calc(100vh - 70px);overflow-y:auto;transform:translateY(-100%);opacity:0;visibility:hidden;transition:var(--transition)}.navbar-menu.active{transform:translateY(0);opacity:1;visibility:visible}.navbar-toggle.active .hamburger:nth-child(1){transform:rotate(45deg)translate(5px,5px)}.navbar-toggle.active .hamburger:nth-child(2){opacity:0}.navbar-toggle.active .hamburger:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.nav-group{border-bottom:1px solid var(--border)}.nav-group:last-child{border-bottom:none}.nav-group-toggle{width:100%;justify-content:space-between;padding:1rem}.nav-dropdown{position:static;min-width:100%;margin-top:0;border:none;border-radius:0;padding:0;opacity:0;visibility:hidden;max-height:0;overflow:hidden;transform:none;box-shadow:none;background:rgba(17,24,39,.95)}.nav-dropdown.active{opacity:1;visibility:visible;max-height:500px;padding:.5rem 0}.nav-item{padding:.75rem 1.5rem}}.problem-solver-section{margin:6rem 0;position:relative}.solver-header{text-align:center;margin-bottom:3rem;padding:0 2rem}.solver-badge{display:inline-flex;align-items:center;font-size:11px;font-weight:700;padding:8px 20px;border-radius:25px;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);color:#fff;margin-bottom:1.5rem;box-shadow:0 4px 15px rgba(59,130,246,.4);letter-spacing:.05em;text-transform:uppercase}.solver-title{font-size:2.25rem;font-weight:800;background:linear-gradient(135deg,#1e293b 0%,#3b82f6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;letter-spacing:-.02em;line-height:1.2}.solver-subtitle{font-size:1.15rem;color:var(--text-secondary);line-height:1.7}.solver-storage-status{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:1rem;font-size:.8rem;font-weight:600;padding:6px 12px;border-radius:20px;background:rgba(148,163,184,8%);border:1px solid rgba(148,163,184,.15);color:var(--text-secondary);transition:all .4s cubic-bezier(.4,0,.2,1)}.solver-storage-status.saved{background:rgba(16,185,129,8%);border-color:rgba(16,185,129,.2);color:#10b981;box-shadow:0 2px 8px rgba(16,185,129,5%)}.solver-storage-status .status-dot{width:6px;height:6px;border-radius:50%;background:#94a3b8;transition:all .4s ease}.solver-storage-status.saved .status-dot{background:#10b981;box-shadow:0 0 8px #10b981;animation:pulse-green 2s infinite}@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 rgba(16,185,129,.5)}70%{transform:scale(1);box-shadow:0 0 0 6px rgba(16,185,129,0)}100%{transform:scale(.95);box-shadow:0 0 rgba(16,185,129,0)}}.solver-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px)}.solver-modal{background:var(--bg-card);border-radius:16px;padding:2rem;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;border:1px solid var(--border);box-shadow:0 20px 60px rgba(0,0,0,.3)}.solver-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.solver-modal-header h3{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.solver-modal-close{background:0 0;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);padding:.5rem;line-height:1}.solver-modal-close:hover{color:var(--text-primary)}.solver-modal-content{margin-bottom:1.5rem}.solver-modal-section{margin-bottom:1.5rem}.solver-modal-section h4{margin:0 0 .5rem;font-size:.9rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.solver-modal-section p,.solver-modal-section ul{margin:0;padding:.75rem;background:var(--bg-card);border-radius:8px;border:1px solid var(--border);color:var(--text-primary);line-height:1.6}.solver-modal-section ul{list-style-position:inside}.solver-modal-actions{display:flex;gap:1rem;justify-content:flex-end}.phase-container{display:flex;flex-direction:column;gap:2.5rem;padding:0 1.5rem}.phase{display:none;pointer-events:none}.phase.visible{display:block;pointer-events:auto;animation:phaseFadeIn .5s cubic-bezier(.16,1,.3,1)forwards}@keyframes phaseFadeIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.phase-number{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);color:#fff;font-size:16px;font-weight:800;margin-right:16px;box-shadow:0 4px 12px rgba(59,130,246,.3)}.phase-header{display:flex;align-items:center;margin-bottom:1.5rem}.phase-status{margin-left:auto;font-size:.75rem;color:#10b981;font-weight:600;opacity:0;transition:opacity .3s ease;display:flex;align-items:center;gap:4px}.phase-status.visible{opacity:1}.phase-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.phase-prompt{font-size:1.1rem;color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem;font-weight:500}.solver-textarea{width:100%;min-height:140px;background:var(--bg-main);border:2px solid var(--border);border-radius:12px;padding:1.25rem;font-size:1rem;color:var(--text-primary);font-family:var(--font-sans);resize:vertical;line-height:1.6;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,5%)}.solver-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px rgba(59,130,246,.2),0 4px 20px rgba(59,130,246,.1)}.solver-textarea:hover{border-color:rgba(59,130,246,.4)}.solver-input{width:100%;background:var(--bg-main);border:2px solid var(--border);border-radius:10px;padding:1rem 1.25rem;font-size:1rem;color:var(--text-primary);font-family:var(--font-sans);transition:all .3s ease;box-shadow:0 2px 6px rgba(0,0,0,4%)}.solver-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.2),0 3px 12px rgba(59,130,246,8%)}.phase-actions{display:flex;gap:1rem;margin-top:1.75rem;flex-wrap:wrap}.solver-btn{padding:14px 28px;border-radius:12px;font-size:.95rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;border:2px solid transparent}.solver-btn-primary{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);color:#fff;box-shadow:0 4px 14px rgba(59,130,246,.3)}.solver-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(59,130,246,.4)}.solver-btn-secondary{background:var(--bg-card-hover);border-color:var(--border);color:var(--text-primary)}.solver-btn-secondary:hover{border-color:#3b82f6;background:rgba(59,130,246,5%);transform:translateY(-1px)}.solver-btn:disabled{opacity:.4;cursor:not-allowed;transform:none !important;box-shadow:none !important}.input-with-surprise{position:relative;display:flex;align-items:center;gap:.75rem}.input-with-surprise textarea{flex:1}.input-with-surprise .solver-input{flex:1}.input-with-surprise .surprise-mini{flex-shrink:0;padding:8px 14px;border-radius:8px;border:1px solid var(--border);background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-card-hover) 100%);color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;font-family:var(--font-sans);display:flex;align-items:center;gap:6px;box-shadow:0 2px 4px rgba(0,0,0,5%)}.input-with-surprise .surprise-mini:hover{border-color:transparent;color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);transform:translateY(-2px);box-shadow:0 4px 14px rgba(99,102,241,.3)}.input-with-surprise .surprise-mini:active{transform:translateY(0)}.idea-slot .input-with-surprise{margin-bottom:0}.probing-question .input-with-surprise{flex-direction:row}.probing-question .input-with-surprise .solver-input{flex:1}.probing-question{background:linear-gradient(135deg,var(--bg-card-hover) 0%,rgba(59,130,246,3%) 100%);border:2px solid var(--border);border-radius:12px;padding:1.5rem;margin-bottom:1.25rem;transition:all .3s ease}.probing-question:hover{border-color:rgba(59,130,246,.3);box-shadow:0 4px 16px rgba(59,130,246,8%)}.probing-question:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.2)}.probing-label{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem;letter-spacing:-.01em}.idea-slots{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:1.5rem}.idea-slot{background:var(--bg-card-hover);border:2px solid var(--border);border-radius:14px;padding:1.5rem;transition:all .3s ease}.idea-slot:hover{border-color:rgba(59,130,246,.3);box-shadow:0 6px 20px rgba(59,130,246,8%)}.idea-slot:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.2)}.stress-test{margin-top:1rem;padding-top:1rem;border-top:2px solid var(--border)}.stress-test-toggle{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;color:#3b82f6;cursor:pointer;margin-bottom:.5rem;padding:8px 12px;border-radius:8px;transition:all .3s ease;background:rgba(59,130,246,5%)}.stress-test-toggle:hover{background:rgba(59,130,246,.1)}.stress-test-content{display:none;padding:1rem;background:linear-gradient(135deg,rgba(245,158,11,8%) 0%,rgba(245,158,11,3%) 100%);border-left:3px solid #f59e0b;border-radius:8px;font-size:.9rem;color:var(--text-secondary);line-height:1.6}.stress-test-content.visible{display:block;animation:slideDown .3s ease}.surprise-btn{background:linear-gradient(135deg,#8b5cf6 0%,#a855f7 100%);color:#fff;border:none;padding:14px 28px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;margin-top:1.5rem;box-shadow:0 4px 14px rgba(139,92,246,.3)}.surprise-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(139,92,246,.4)}.architecture-hints{display:flex;flex-direction:column;gap:1.25rem}.arch-hint{background:linear-gradient(135deg,var(--bg-card) 0%,rgba(59,130,246,5%) 100%);border:2px solid var(--border);border-radius:14px;padding:1.75rem;display:flex;align-items:flex-start;gap:1.5rem;transition:all .3s ease}.arch-hint:hover{border-color:#3b82f6;box-shadow:0 8px 24px rgba(59,130,246,.15);transform:translateY(-2px)}.arch-hint-icon{font-size:2.5rem;width:64px;height:64px;background:linear-gradient(135deg,rgba(59,130,246,.15) 0%,rgba(139,92,246,.15) 100%);border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.arch-hint-content{flex:1}.arch-hint-title{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;letter-spacing:-.01em}.arch-hint-rationale{font-size:.95rem;color:var(--text-secondary);line-height:1.6}.arch-hint-dismiss{background:var(--bg-card-hover);border:2px solid var(--border);color:var(--text-secondary);padding:8px 14px;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease}.arch-hint-dismiss:hover{background:var(--bg-card);border-color:#ef4444;color:#ef4444}.guardrail-cards{display:flex;flex-direction:column;gap:1.25rem;width:100%}.guardrail-card{background:var(--bg-card);border:2px solid var(--border);border-radius:14px;overflow:hidden;transition:all .3s ease;width:100%}.guardrail-card:hover{border-color:rgba(59,130,246,.3);box-shadow:0 6px 20px rgba(59,130,246,8%)}.guardrail-card:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.2)}.guardrail-header{padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;background:linear-gradient(135deg,var(--bg-card-hover) 0%,rgba(59,130,246,3%) 100%);border-bottom:2px solid var(--border);transition:all .3s ease}.guardrail-header:hover{background:rgba(59,130,246,5%)}.guardrail-title{font-size:1.15rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.guardrail-subtitle{font-size:.85rem;color:var(--text-secondary);margin-top:.25rem;font-weight:400}.guardrail-content{padding:1.5rem;display:none;animation:slideDown .3s ease}.guardrail-content.visible,.guardrail-card.active .guardrail-content{display:block}.guardrail-card.active .guardrail-header span{transform:rotate(180deg)}.guardrail-question{font-size:1rem;color:var(--text-primary);margin-bottom:1.25rem;line-height:1.6;font-weight:500}.guardrail-responses{display:flex;gap:1rem}.guardrail-response{flex:1;padding:14px 20px;border:2px solid var(--border);border-radius:10px;background:var(--bg-main);color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center}.guardrail-response:hover{border-color:#3b82f6;color:#3b82f6;transform:translateY(-2px)}.guardrail-response.selected-yes{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border-color:#22c55e;color:#fff;box-shadow:0 4px 14px rgba(34,197,94,.3)}.guardrail-response.selected-work{background:linear-gradient(135deg,#eab308 0%,#d97706 100%);border-color:#eab308;color:#fff;box-shadow:0 4px 14px rgba(234,179,8,.3)}.build-plan-output{background:linear-gradient(135deg,var(--bg-card-hover) 0%,rgba(59,130,246,5%) 100%);border:2px solid var(--border);border-radius:14px;padding:2rem;margin-top:1rem;box-shadow:0 4px 16px rgba(59,130,246,8%)}.build-plan-content{font-family:var(--font-mono);font-size:.95rem;color:var(--text-primary);line-height:1.7;white-space:pre-wrap;word-break:break-word;background:var(--bg-main);padding:1.5rem;border-radius:12px;border:2px solid var(--border);min-height:240px;box-shadow:inset 0 2px 8px rgba(0,0,0,4%)}.build-plan-actions{display:flex;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}@keyframes fadeIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.problem-solver-section{margin:6rem 0;position:relative}.solver-header{margin-bottom:2rem;padding:0 1rem}.solver-title{font-size:1.75rem}.solver-subtitle{font-size:1rem}.phase-container{padding:0 1rem;gap:2rem}.phase-title{font-size:1.25rem}.phase-prompt{font-size:1rem}.solver-textarea{padding:1rem;font-size:.95rem}.solver-input{padding:.875rem 1rem;font-size:.95rem}.phase-number{width:36px;height:36px;font-size:14px;margin-right:12px}.solver-btn{padding:12px 20px;font-size:.9rem}.probing-question{padding:1.25rem}.idea-slot{padding:1.25rem}.arch-hint{flex-direction:column;text-align:center;padding:1.25rem;gap:1rem}.arch-hint-icon{margin:0 auto;width:56px;height:56px;font-size:2rem}.guardrail-responses{flex-direction:column}.build-plan-output{padding:1.5rem}.build-plan-content{padding:1.25rem;font-size:.85rem;min-height:200px}.solver-steps-indicator{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem .5rem;margin:0 auto 3rem;width:100%;padding:0 10px}.step-node{width:100%}.step-circle{width:32px;height:32px;font-size:.8rem}.step-label{font-size:.7rem;white-space:normal;line-height:1.3;margin-top:8px}.solver-steps-indicator::before,.step-progress-bar{display:none}}.solver-steps-indicator{display:flex;justify-content:space-between;position:relative;margin:0 auto 3rem;width:90%;max-width:800px;padding:0 10px}.solver-steps-indicator::before{content:'';position:absolute;top:20px;left:0;right:0;height:4px;background:var(--border);z-index:1;border-radius:2px}.step-progress-bar{position:absolute;top:20px;left:0;height:4px;background:linear-gradient(90deg,#3b82f6 0%,#8b5cf6 100%);z-index:2;border-radius:2px;transition:width .4s cubic-bezier(.4,0,.2,1);width:0%}.step-node{display:flex;flex-direction:column;align-items:center;position:relative;z-index:3;cursor:pointer;width:80px}.step-circle{width:40px;height:40px;border-radius:50%;background:var(--bg-card);border:2px solid var(--border);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;transition:all .3s ease;box-shadow:0 4px 6px rgba(0,0,0,5%)}.step-node:hover .step-circle{border-color:#3b82f6;color:var(--text-primary);transform:scale(1.05)}.step-node.active .step-circle{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border-color:transparent;color:#fff;box-shadow:0 0 15px rgba(59,130,246,.4)}.step-node.completed .step-circle{background:#10b981;border-color:transparent;color:#fff;box-shadow:0 0 10px rgba(16,185,129,.3)}.step-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);margin-top:8px;text-align:center;white-space:nowrap;transition:color .3s ease}.step-node.active .step-label{color:var(--text-primary);font-weight:700}.step-node.completed .step-label{color:#10b981}.vibe-coding-section{padding:2.5rem 0;margin:1.5rem auto;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--border-radius-lg)}.vibe-coding-description{font-size:1rem;color:var(--text-secondary);line-height:1.6;max-width:100%;margin-bottom:1.5rem;margin-left:2rem}.vibe-coding-builder{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:1.75rem;box-shadow:0 4px 20px rgba(59,130,246,.1)}.vibe-coding-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.vibe-coding-badge{display:inline-flex;align-items:center;font-size:11px;font-weight:600;padding:4px 12px;border-radius:20px;background:var(--accent-gradient);color:#fff;margin-bottom:10px;box-shadow:0 2px 8px rgba(59,130,246,.3)}.vibe-coding-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:8px;letter-spacing:-.3px}.vibe-coding-subtitle{font-size:.9rem;color:var(--text-secondary);line-height:1.5}.vibe-example-selector{display:flex;flex-direction:column;gap:12px;margin-bottom:1.5rem;padding:1rem 1.25rem;background:var(--bg-card-hover);border:1px solid var(--border);border-radius:10px}.vibe-selector-label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.vibe-problem-chips{display:flex;flex-wrap:wrap;gap:8px}.vibe-problem-chip{padding:8px 14px;border:1px solid var(--border);border-radius:20px;background:var(--bg-main);color:var(--text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s;font-family:var(--font-sans);white-space:nowrap}.vibe-problem-chip:hover{border-color:var(--accent);color:var(--text-primary);background:var(--bg-card-hover);transform:translateY(-1px)}.vibe-problem-chip.active{background:var(--accent-gradient);color:#fff;border-color:var(--accent);font-weight:600;box-shadow:0 2px 8px rgba(59,130,246,.3)}.vibe-coding-tabs{background:var(--bg-card-hover);border:1px solid var(--border);border-radius:10px;overflow:hidden;margin-bottom:1.25rem}.vibe-tabs-nav{display:flex;background:var(--bg-card);border-bottom:1px solid var(--border)}.vibe-tab{flex:1;padding:10px 6px;background:0 0;border:none;color:var(--text-secondary);font-size:.7rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;transition:all .2s;position:relative;border-bottom:2px solid transparent}.vibe-tab:hover{color:var(--text-primary);background:var(--bg-card-hover)}.vibe-tab.active{color:var(--accent);background:var(--bg-card);border-bottom-color:var(--accent)}.vibe-tab-num{width:18px;height:18px;border-radius:50%;background:var(--bg-card-hover);color:var(--text-secondary);font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .2s}.vibe-tab:hover .vibe-tab-num{background:var(--accent-glow)}.vibe-tab.active .vibe-tab-num{background:var(--accent);color:#fff;box-shadow:0 2px 6px rgba(59,130,246,.3)}.vibe-tabs-content{padding:1.25rem}.vibe-label{font-size:.85rem;font-weight:700;color:var(--text-primary);margin-bottom:5px;display:block}.vibe-hint{font-size:.75rem;color:var(--text-secondary);line-height:1.4;margin-bottom:12px}.vibe-tab-panel{display:none;animation:fadeIn .15s ease-in-out}.vibe-tab-panel.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.vibe-tab-label{font-size:.85rem;font-weight:700;color:var(--text-primary);margin-bottom:5px}.vibe-tab-hint{font-size:.7rem;color:var(--text-secondary);line-height:1.3;margin-bottom:8px}.vibe-textarea,.vibe-input{width:100%;background:var(--bg-main);border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:.85rem;color:var(--text-primary);font-family:var(--font-sans);resize:vertical;line-height:1.4;transition:all .2s;box-shadow:0 2px 4px rgba(0,0,0,.2)}.vibe-textarea:focus,.vibe-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(59,130,246,.2)}.vibe-textarea:hover,.vibe-input:hover{border-color:var(--accent)}.vibe-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.vibe-chip-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.vibe-chip{font-size:.8rem;padding:8px 16px;border-radius:20px;border:1px solid var(--border);cursor:pointer;background:var(--bg-card);color:var(--text-secondary);transition:all .2s;font-weight:500;white-space:nowrap}.vibe-chip:hover{border-color:var(--accent);color:var(--text-primary);background:var(--bg-card-hover);transform:translateY(-1px)}.vibe-chip.active{background:var(--accent-gradient);color:#fff;border-color:var(--accent);font-weight:600;box-shadow:0 2px 6px rgba(59,130,246,.3)}.vibe-output-wrap{background:var(--bg-card-hover);border:1px solid var(--border);border-radius:12px;padding:1.5rem;box-shadow:0 3px 12px rgba(59,130,246,.1)}.vibe-output-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:12px;display:flex;align-items:center;gap:8px}.vibe-output-box{background:var(--bg-main);border:1px solid var(--border);border-radius:10px;padding:1.25rem 1.5rem;font-size:.875rem;color:var(--text-primary);line-height:1.6;min-height:120px;white-space:pre-wrap;word-break:break-word;box-shadow:0 2px 4px rgba(0,0,0,.2)}.vibe-output-box.empty{color:var(--text-muted);font-style:italic;background:var(--bg-card)}.vibe-copied{color:var(--accent);font-size:.8rem;margin-top:6px;display:none;font-weight:500}.vibe-btn-row{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.vibe-btn-primary{padding:10px 18px;border-radius:8px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:6px;font-family:var(--font-sans);transition:all .2s;font-weight:500;box-shadow:0 2px 4px rgba(0,0,0,.2)}.vibe-btn-primary:hover{background:var(--bg-card-hover);border-color:var(--accent);transform:translateY(-2px);box-shadow:0 3px 10px rgba(59,130,246,.15)}.vibe-btn-ai-skill{background:rgba(139,92,246,.1) !important;border-color:rgba(139,92,246,.3) !important;color:#c084fc !important}.vibe-btn-ai-skill:hover{background:rgba(139,92,246,.2) !important;border-color:rgba(139,92,246,.5) !important;color:#a78bfa !important}.vibe-prompts-wrap{background:var(--bg-card-hover);border:1px solid var(--border);border-radius:12px;padding:1.5rem;margin-top:1rem;box-shadow:0 3px 12px rgba(59,130,246,.1)}.vibe-prompts-list{display:flex;flex-direction:column;gap:12px}.vibe-prompt-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:0;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px rgba(0,0,0,.2);overflow:hidden}.vibe-prompt-card:hover{border-color:var(--accent);background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(59,130,246,.15)}.vibe-prompt-card-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--bg-card-hover)}.vibe-prompt-card-header span{font-size:.875rem;font-weight:700;color:var(--accent);letter-spacing:-.2px}.vibe-prompt-copy-btn{padding:6px 12px;border-radius:6px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px}.vibe-prompt-copy-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.vibe-prompt-content{margin:0;padding:16px;font-size:.85rem;color:var(--text-secondary);line-height:1.5;background:var(--bg-main);border:none;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}.vibe-hide-prompts-btn{padding:4px 8px;border-radius:4px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);font-size:.7rem;font-weight:600;cursor:pointer;transition:all .2s;margin-left:auto;text-transform:none;letter-spacing:normal}.vibe-hide-prompts-btn:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--accent)}.vibe-prompt-copied{text-align:center;margin-top:10px;color:var(--accent);font-size:.8rem;font-weight:500}.vibe-prompt-use-btn{margin-top:10px;padding:8px 16px;font-size:.8rem;background:var(--accent-gradient);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s;font-weight:600;box-shadow:0 2px 6px rgba(59,130,246,.3)}.vibe-prompt-use-btn:hover{background:linear-gradient(135deg,#2563eb 0%,#4f46e5 100%);box-shadow:0 3px 10px rgba(59,130,246,.4);transform:translateY(-1px)}.ai-agent-section{padding:2.5rem 0;margin:1.5rem auto;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--border-radius-lg)}.ai-agent-description{font-size:1rem;color:var(--text-secondary);line-height:1.6;max-width:100%;margin-bottom:1.5rem;margin-left:2rem}.ai-agent-builder{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:1.75rem;box-shadow:0 4px 20px rgba(139,92,246,.1)}.ai-agent-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.ai-agent-badge{display:inline-flex;align-items:center;font-size:11px;font-weight:600;padding:4px 12px;border-radius:20px;background:linear-gradient(135deg,#8b5cf6 0%,#a855f7 100%);color:#fff;margin-bottom:10px;box-shadow:0 2px 8px rgba(139,92,246,.3)}.ai-agent-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:8px;letter-spacing:-.3px}.ai-agent-subtitle{font-size:.9rem;color:var(--text-secondary);line-height:1.5}.ai-workspace-tabs{display:flex;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;margin-bottom:1.5rem;overflow:hidden;padding:4px;gap:4px}.ai-workspace-tab{flex:1;padding:12px;background:0 0;border:none;color:var(--text-secondary);font-size:.9rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .25s cubic-bezier(.4,0,.2,1);border-radius:8px}.ai-workspace-tab:hover{color:var(--text-primary);background:rgba(139,92,246,.1)}.ai-workspace-tab.active{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#a855f7 100%);box-shadow:0 4px 12px rgba(139,92,246,.25)}.ai-panel{display:none;animation:fadeIn .3s ease}.ai-panel.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.ai-builder-form{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:1.5rem}.ai-form-group{display:flex;flex-direction:column;gap:8px;background:var(--bg-card-hover);border:1px solid var(--border);border-radius:12px;padding:1.25rem;transition:all .2s}.ai-form-group:focus-within{border-color:rgba(139,92,246,.5);box-shadow:0 0 12px rgba(139,92,246,.15)}.ai-form-label{font-size:.95rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.ai-step-badge{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6 0%,#a855f7 100%);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.ai-form-hint{font-size:.775rem;color:var(--text-secondary);line-height:1.4}.ai-textarea{width:100%;background:var(--bg-main);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:.85rem;color:var(--text-primary);font-family:var(--font-sans);resize:vertical;line-height:1.6;transition:border-color .2s}.ai-textarea:focus{outline:none;border-color:#8b5cf6}.ai-input{width:100%;background:var(--bg-main);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:.85rem;color:var(--text-primary);font-family:var(--font-sans);transition:border-color .2s}.ai-input:focus{outline:none;border-color:#8b5cf6}.ai-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.ai-builder-chip{padding:6px 12px;border:1px solid var(--border);border-radius:20px;background:var(--bg-main);color:var(--text-secondary);font-size:.775rem;font-weight:500;cursor:pointer;transition:all .2s}.ai-builder-chip:hover{border-color:#8b5cf6;color:var(--text-primary);background:var(--bg-card-hover)}.ai-builder-chip.active{background:rgba(139,92,246,.2);border-color:#8b5cf6;color:#c084fc;font-weight:600;box-shadow:0 0 10px rgba(139,92,246,.1)}.ai-import-notice{background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.3);border-radius:12px;padding:1rem 1.25rem;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:6px;animation:fadeIn .4s ease}.ai-notice-title{font-size:.9rem;font-weight:600;color:#c084fc;display:flex;align-items:center;gap:6px}.ai-notice-body{font-size:.8rem;color:var(--text-secondary);line-height:1.4}.ai-example-selector{display:flex;flex-direction:column;gap:12px;margin-bottom:1.5rem;padding:1rem 1.25rem;background:var(--bg-card-hover);border:1px solid var(--border);border-radius:10px}.ai-selector-label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.ai-skill-chips{display:flex;flex-wrap:wrap;gap:8px}.ai-skill-chip{padding:6px 12px;border:1px solid var(--border);border-radius:20px;background:var(--bg-main);color:var(--text-secondary);font-size:.775rem;font-weight:500;cursor:pointer;transition:all .2s}.ai-skill-chip:hover{border-color:#8b5cf6;color:var(--text-primary);background:var(--bg-card-hover)}.ai-skill-chip.active{background:rgba(139,92,246,.2);border-color:#8b5cf6;color:#c084fc;font-weight:600;box-shadow:0 0 10px rgba(139,92,246,.1)}.ai-catalog-detail-container{margin-top:1.5rem}.ai-catalog-meta{background:var(--bg-card-hover);border:1px solid var(--border);border-radius:12px;padding:1.25rem;margin-bottom:1rem}.ai-catalog-meta-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.ai-catalog-meta-desc{font-size:.875rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.ai-load-btn{padding:8px 16px;border:1px solid #8b5cf6;border-radius:8px;background:rgba(139,92,246,.1);color:#8b5cf6;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.ai-load-btn:hover{background:rgba(139,92,246,.2);color:#c084fc}.ai-skill-markdown{background:var(--bg-main);border:1px solid var(--border);border-radius:12px;padding:1.5rem;max-height:500px;overflow-y:auto}.ai-markdown-content{font-family:var(--font-sans);font-size:.9rem;line-height:1.7;color:var(--text-primary)}.ai-markdown-content h1{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#8b5cf6;line-height:1.3}.ai-markdown-content h2{font-size:1.2rem;font-weight:600;margin-top:1.5rem;margin-bottom:.75rem;color:var(--text-primary);line-height:1.4}.ai-markdown-content p{margin-bottom:.75rem;line-height:1.7}.ai-markdown-content strong{font-weight:600;color:var(--text-primary)}.ai-markdown-content ul{margin:.5rem 0;padding-left:1.5rem}.ai-markdown-content li{margin-bottom:.5rem;line-height:1.6}.ai-markdown-content code{background:rgba(139,92,246,.1);padding:2px 6px;border-radius:4px;font-family:courier new,monospace;font-size:.85rem;color:#c084fc}.ai-markdown-content pre{background:var(--bg-card-hover);border:1px solid var(--border);border-radius:8px;padding:1rem;margin:1rem 0;overflow-x:auto}.ai-markdown-content pre code{background:0 0;padding:0;color:var(--text-primary);display:block;white-space:pre-wrap;word-wrap:break-word}.ai-output-wrap{background:var(--bg-card-hover);border:1px solid var(--border);border-radius:12px;padding:1.5rem;box-shadow:0 3px 12px rgba(139,92,246,.1)}.ai-output-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#8b5cf6;margin-bottom:12px}.ai-output-box{background:var(--bg-main);border:1px solid var(--border);border-radius:10px;padding:1.25rem 1.5rem;font-size:.875rem;color:var(--text-primary);line-height:1.6;min-height:120px;white-space:pre-wrap;word-break:break-word;font-family:var(--font-mono)}.ai-output-box.empty{color:var(--text-muted);font-style:italic;background:var(--bg-card)}.ai-btn-row{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.ai-btn-primary{padding:10px 18px;border-radius:8px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:6px;font-family:var(--font-sans);transition:all .2s;font-weight:500;box-shadow:0 2px 4px rgba(0,0,0,.2)}.ai-btn-primary:hover{background:var(--bg-card-hover);border-color:#8b5cf6;transform:translateY(-2px);box-shadow:0 3px 10px rgba(139,92,246,.15)}.ai-btn-secondary{padding:10px 18px;border-radius:8px;border:1px solid var(--border);background:var(--bg-card-hover);color:var(--text-primary);font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:6px;font-family:var(--font-sans);transition:all .2s;font-weight:500}.ai-btn-secondary:hover{border-color:#8b5cf6;background:rgba(139,92,246,.1)}.ai-copied{color:#8b5cf6;font-size:.8rem;margin-top:6px;display:none;font-weight:500}.prompt-engineering-section{padding:3rem 0;margin:2rem auto;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--border-radius-lg);box-shadow:0 4px 30px rgba(0,0,0,.4)}.pe-header{margin-bottom:2rem;padding:0 2rem;text-align:left}.pe-badge{display:inline-flex;align-items:center;font-size:11px;font-weight:600;padding:4px 12px;border-radius:20px;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);color:#fff;margin-bottom:10px;box-shadow:0 2px 8px rgba(59,130,246,.3);text-transform:uppercase;letter-spacing:.05em}.pe-subtitle{font-size:1.1rem;color:var(--text-secondary);margin-bottom:.75rem;font-weight:500}.pe-description{font-size:.925rem;color:var(--text-muted);line-height:1.6;max-width:900px}.pe-workspace{padding:0 2rem}.pe-tabs{display:flex;background:var(--bg-main);border:1px solid var(--border);border-radius:10px;margin-bottom:2rem;overflow:hidden;padding:4px;gap:4px;flex-wrap:wrap}.pe-tab{flex:1;min-width:150px;padding:12px;background:0 0;border:none;color:var(--text-secondary);font-size:.875rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .25s cubic-bezier(.4,0,.2,1);border-radius:8px}.pe-tab:hover{color:var(--text-primary);background:rgba(59,130,246,.1)}.pe-tab.active{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);box-shadow:0 4px 12px rgba(59,130,246,.25)}.pe-panel{display:none;animation:fadeIn .4s ease}.pe-panel.active{display:block}.pe-grid-two{display:grid;grid-template-columns:1fr 1.3fr;gap:2rem}@media(max-width:992px){.pe-grid-two{grid-template-columns:1fr}.prompt-engineering-section{width:95%}}.pe-list-selector{display:flex;flex-direction:column;gap:12px}.pe-select-item{display:flex;align-items:center;gap:16px;padding:1.25rem;background:var(--bg-card-hover);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.pe-select-item:hover{border-color:rgba(59,130,246,.4);background:rgba(59,130,246,3%);transform:translateX(4px)}.pe-select-item.active{border-color:#3b82f6;background:rgba(59,130,246,8%);box-shadow:0 0 15px rgba(59,130,246,.1)}.pe-select-icon{font-size:1.5rem;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:rgba(255,255,255,3%);border:1px solid var(--border);border-radius:8px;transition:all .2s}.pe-select-item.active .pe-select-icon{background:rgba(59,130,246,.15);border-color:rgba(59,130,246,.3);color:#fff}.pe-select-info{display:flex;flex-direction:column;gap:4px}.pe-select-name{font-size:.95rem;font-weight:600;color:var(--text-primary)}.pe-select-meta{font-size:.775rem;color:var(--text-muted)}.pe-detail-display{background:var(--bg-card-hover);border:1px solid var(--border);border-radius:14px;padding:2rem;min-height:300px;display:flex;flex-direction:column;justify-content:center;position:sticky;top:20px}.pe-detail-placeholder{text-align:center;color:var(--text-muted);font-style:italic;font-size:.95rem}.pe-detail-card{animation:fadeIn .3s ease;display:flex;flex-direction:column;gap:1.25rem}.pe-detail-header{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border);padding-bottom:1rem}.pe-detail-icon{font-size:1.75rem}.pe-detail-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.pe-detail-best-for{font-size:.85rem;color:#10b981;background:rgba(16,185,129,.1);padding:4px 10px;border-radius:6px;display:inline-block;align-self:flex-start;font-weight:600}.pe-detail-desc{font-size:.925rem;color:var(--text-secondary);line-height:1.6;margin:0}.pe-code-block-wrapper{position:relative;background:var(--bg-main);border:1px solid var(--border);border-radius:10px;padding:1.25rem;overflow:hidden}.pe-code-block-wrapper pre{margin:0;white-space:pre-wrap;font-family:var(--font-mono);font-size:.825rem;line-height:1.5;color:#e2e8f0}.pe-copy-code-btn{position:absolute;top:10px;right:10px;background:rgba(255,255,255,5%);border:1px solid var(--border);color:var(--text-secondary);font-size:.725rem;padding:4px 10px;border-radius:6px;cursor:pointer;transition:all .2s;font-weight:500}.pe-copy-code-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.pe-skill-compare{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.pe-compare-box{position:relative;padding:1.25rem;border-radius:10px;border:1px solid;font-size:.85rem;line-height:1.5}.pe-compare-box.compare-bad{background:rgba(239,68,68,2%);border-color:rgba(239,68,68,.15);color:#fca5a5}.pe-compare-box.compare-good{background:rgba(16,185,129,2%);border-color:rgba(16,185,129,.15);color:#a7f3d0}.pe-compare-badge{position:absolute;top:8px;right:10px;font-size:.7rem;font-weight:700;text-transform:uppercase;padding:2px 6px;border-radius:4px}.pe-compare-badge.badge-bad{background:rgba(239,68,68,.1);color:#ef4444}.pe-compare-badge.badge-good{background:rgba(16,185,129,.1);color:#10b981}.pe-layers-container{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem}@media(max-width:992px){.pe-layers-container{grid-template-columns:1fr}}.pe-layers-list{display:flex;flex-direction:column}.pe-layers-stack{display:flex;flex-direction:column;gap:10px}.pe-layer-bar{background:var(--bg-card-hover);border:1px solid var(--border);border-radius:8px;padding:1rem;cursor:pointer;transition:all .25s ease}.pe-layer-bar:hover{transform:translateX(6px);background:rgba(255,255,255,2%)}.pe-layer-bar.active{background:rgba(255,255,255,4%);box-shadow:0 4px 15px rgba(0,0,0,.2)}.pe-layer-bar-header{display:flex;align-items:center;justify-content:space-between}.pe-layer-number{font-size:.725rem;font-weight:700;color:var(--text-muted);text-transform:uppercase}.pe-layer-name{font-size:.9rem;font-weight:600;color:var(--text-primary)}.pe-layer-detail{background:var(--bg-card-hover);border:1px solid var(--border);border-radius:12px;padding:2rem;display:flex;flex-direction:column;justify-content:center;min-height:250px}.pe-layer-detail-card{animation:fadeIn .3s ease}.pe-refinement-tabs{display:flex;gap:12px;margin-bottom:1.5rem;border-bottom:1px solid var(--border);padding-bottom:10px}.pe-subtab{padding:8px 16px;background:0 0;border:none;color:var(--text-muted);cursor:pointer;font-weight:600;font-size:.9rem;transition:all .2s;position:relative}.pe-subtab:hover{color:var(--text-primary)}.pe-subtab.active{color:#3b82f6}.pe-subtab.active::after{content:'';position:absolute;bottom:-11px;left:0;right:0;height:2px;background:#3b82f6}.pe-subpanel{display:none;animation:fadeIn .4s ease}.pe-subpanel.active{display:block}.pe-steps-flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.pe-step-card{background:var(--bg-card-hover);border:1px solid var(--border);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:10px;transition:all .25s}.pe-step-card:hover{transform:translateY(-4px);border-color:rgba(59,130,246,.3)}.pe-step-circle{width:32px;height:32px;border-radius:50%;background:rgba(59,130,246,.1);color:#3b82f6;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:1px solid rgba(59,130,246,.2)}.pe-step-card-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.pe-step-card-desc{font-size:.825rem;color:var(--text-secondary);line-height:1.5;margin:0}.pe-failures-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.pe-failure-card{background:var(--bg-card-hover);border:1px solid var(--border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.pe-failure-header{background:rgba(0,0,0,.15);padding:1rem 1.25rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.pe-failure-icon{font-size:1.2rem}.pe-failure-title{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0}.pe-failure-body{padding:1.25rem;display:flex;flex-direction:column;gap:8px}.pe-failure-label{font-size:.725rem;font-weight:700;color:var(--text-muted);text-transform:uppercase}.pe-failure-text{font-size:.825rem;line-height:1.5;margin:0 0 10px}.pe-failure-text:last-child{margin-bottom:0}}.agent-loop-section{margin:6rem 0;position:relative}.agent-loop-header{padding:0 2rem 1rem;text-align:center}.agent-loop-container{padding:0 2rem 1rem}.agent-loop-steps{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}.agent-loop-step{display:flex;gap:1.5rem;background:var(--bg-card);border:2px solid var(--border);border-radius:14px;padding:2rem;transition:all .3s ease;position:relative;overflow:hidden}.agent-loop-step::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);opacity:0;transition:opacity .3s ease}.agent-loop-step:hover::before{opacity:1}.agent-loop-step:hover{border-color:rgba(59,130,246,.3);box-shadow:0 8px 24px rgba(59,130,246,.12);transform:translateY(-2px)}.step-icon{font-size:3rem;width:80px;height:80px;background:linear-gradient(135deg,rgba(59,130,246,.15) 0%,rgba(139,92,246,.15) 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-content{flex:1}.step-name{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;letter-spacing:-.01em}.step-description{font-size:1.1rem;color:var(--text-secondary);margin-bottom:1rem;line-height:1.6}.step-details{margin-bottom:1rem}.step-bullets{list-style:none;padding:0;margin:0}.step-bullets li{padding:.5rem 0;padding-left:1.5rem;position:relative;color:var(--text-primary);line-height:1.6}.step-bullets li::before{content:'→';position:absolute;left:0;color:#3b82f6;font-weight:700}.step-examples{padding:1rem;background:var(--bg-card);border-radius:8px;border:1px solid var(--border)}.step-examples strong{display:block;margin-bottom:.5rem;color:var(--text-primary);font-size:.95rem}.example-list{list-style:none;padding:0;margin:0}.example-list li{padding:.25rem 0;padding-left:1.5rem;position:relative;color:var(--text-secondary);line-height:1.5;font-size:.9rem}.example-list li::before{content:'•';position:absolute;left:0;color:#3b82f6}.agent-loop-principles{margin-bottom:3rem}.principles-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;text-align:center;letter-spacing:-.01em}.principles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.principle-card{background:var(--bg-card);border:2px solid var(--border);border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease}.principle-card:hover{border-color:rgba(59,130,246,.3);box-shadow:0 6px 20px rgba(59,130,246,.1);transform:translateY(-2px)}.principle-icon{font-size:2.5rem;margin-bottom:1rem}.principle-card h4{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;letter-spacing:-.01em}.principle-card p{font-size:.9rem;color:var(--text-secondary);line-height:1.5;margin:0}.agent-loop-patterns{margin-bottom:1rem}.patterns-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;text-align:center;letter-spacing:-.01em}.patterns-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.pattern-card{background:linear-gradient(135deg,var(--bg-card) 0%,rgba(59,130,246,5%) 100%);border:2px solid var(--border);border-radius:12px;padding:1.5rem;transition:all .3s ease}.pattern-card:hover{border-color:#3b82f6;box-shadow:0 8px 24px rgba(59,130,246,.15);transform:translateY(-2px)}.pattern-icon{font-size:2rem;margin-bottom:1rem}.pattern-card h4{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;letter-spacing:-.01em}.pattern-card p{font-size:.9rem;color:var(--text-secondary);line-height:1.5;margin:0}.ai-security-page{background:var(--bg-main);min-height:100vh}.ai-security-main{max-width:1200px;margin:0 auto;padding:2rem 1rem}.ai-security-container{display:flex;flex-direction:column;gap:2rem}.ai-security-hero{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,var(--bg-card) 0%,rgba(59,130,246,5%) 100%);border:1px solid var(--border);border-radius:16px;position:relative;overflow:hidden}.ai-security-badge{display:inline-block;font-size:.85rem;font-weight:700;padding:8px 20px;border-radius:25px;background:linear-gradient(135deg,#ef4444 0%,#f97316 100%);color:#fff;margin-bottom:1.5rem;box-shadow:0 4px 15px rgba(239,68,68,.3);letter-spacing:.05em;text-transform:uppercase}.ai-security-title{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#f3f4f6 0%,#3b82f6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;letter-spacing:-.02em;line-height:1.2}.ai-security-subtitle{font-size:1.15rem;color:var(--text-secondary);line-height:1.7;max-width:800px;margin:0 auto}.ai-security-section{margin:6rem 0;position:relative}.severity-tiers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.severity-card{padding:1.5rem;border-radius:12px;border:1px solid var(--border);background:rgba(17,24,39,.5);transition:var(--transition)}.severity-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.15)}.severity-card.critical{border-color:rgba(239,68,68,.3);background:rgba(239,68,68,5%)}.severity-card.high{border-color:rgba(249,115,22,.3);background:rgba(249,115,22,5%)}.severity-card.medium-high{border-color:rgba(234,179,8,.3);background:rgba(234,179,8,5%)}.severity-card.medium{border-color:rgba(34,197,94,.3);background:rgba(34,197,94,5%)}.severity-icon{font-size:2.5rem;margin-bottom:1rem}.severity-tier{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.severity-label{font-size:.9rem;font-weight:600;color:var(--text-secondary);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.severity-description{font-size:.95rem;color:var(--text-muted);line-height:1.5}.ai-security-content{padding:3rem 2rem;background:var(--bg-card);border:1px solid var(--border);border-radius:16px}.content-article{max-width:900px;margin:0 auto}.content-article h2{font-size:1.75rem;font-weight:700;margin:2.5rem 0 1rem;color:var(--text-primary);border-bottom:1px solid var(--border);padding-bottom:.5rem}.content-article h3{font-size:1.5rem;font-weight:600;margin:2rem 0 1rem;color:var(--text-primary)}.content-article p{font-size:1rem;line-height:1.8;color:var(--text-secondary);margin-bottom:1.5rem}.content-article ul{margin:1.5rem 0;padding-left:1.5rem}.content-article li{font-size:1rem;line-height:1.7;color:var(--text-secondary);margin-bottom:.75rem}.content-article strong{color:var(--text-primary);font-weight:600}.content-article table{width:100%;border-collapse:collapse;margin:2rem 0;background:rgba(17,24,39,.5);border-radius:8px;overflow:hidden}.content-article th,.content-article td{padding:1rem;text-align:left;border-bottom:1px solid var(--border)}.content-article th{background:rgba(59,130,246,.1);font-weight:600;color:var(--text-primary)}.content-article td{color:var(--text-secondary)}@media(max-width:768px){.ai-security-main{padding:1rem}.ai-security-hero{padding:2.5rem 1.5rem}.ai-security-title{font-size:1.75rem}.ai-security-subtitle{font-size:1rem}.ai-security-section{margin:6rem 0;position:relative}.severity-tiers-grid{grid-template-columns:1fr}.ai-security-content{padding:2rem 1.5rem}.content-article h2{font-size:1.5rem}.content-article h3{font-size:1.25rem}}@media(max-width:768px){.agent-loop-section{margin:6rem 0;position:relative}.agent-loop-header{padding:0 1rem 1rem}.agent-loop-container{padding:0 1rem 1rem}.agent-loop-step{flex-direction:column;gap:1rem;padding:1.5rem}.step-icon{width:60px;height:60px;font-size:2rem}.step-name{font-size:1.25rem}.step-description{font-size:1rem}.principles-grid,.patterns-grid{grid-template-columns:1fr;gap:1rem}.principle-card,.pattern-card{padding:1.25rem}}.token-optimization-section{margin:6rem 0;position:relative;background:linear-gradient(135deg,rgba(16,185,129,6%) 0%,rgba(16,185,129,2%) 40%,rgba(59,130,246,4%) 100%);border-radius:24px;padding:4rem 3rem;border:1px solid rgba(16,185,129,.18);box-shadow:0 0 60px rgba(16,185,129,6%),inset 0 1px rgba(255,255,255,5%);overflow:hidden}.token-optimization-section::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#10b981 30%,#3b82f6 70%,transparent);opacity:.7}.token-optimization-section::after{content:'';position:absolute;top:-120px;right:-120px;width:350px;height:350px;background:radial-gradient(circle,rgba(16,185,129,8%) 0%,transparent 70%);pointer-events:none}.token-optimization-header{padding:0 0 2.5rem;text-align:center;position:relative;z-index:1}.token-optimization-header .section-title{font-size:2.6rem !important;font-weight:800 !important;background:linear-gradient(135deg,#34d399 0%,#10b981 40%,#3b82f6 100%) !important;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important;background-clip:text !important;margin-bottom:1rem !important;letter-spacing:-.03em !important;line-height:1.15 !important;text-align:center !important}.token-optimization-header .section-subtitle{font-size:1.1rem;color:var(--text-secondary);max-width:720px;margin:0 auto;line-height:1.7;opacity:.85}.token-optimization-container{padding:0;position:relative;z-index:1}.token-optimization-highlights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-bottom:3rem}.token-optimization-highlight-card{background:linear-gradient(145deg,rgba(16,185,129,5%) 0%,rgba(255,255,255,3%) 100%);border:1px solid rgba(16,185,129,.25);border-radius:18px;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;word-wrap:break-word;overflow-wrap:break-word;backdrop-filter:blur(12px);box-shadow:0 4px 20px rgba(16,185,129,8%),inset 0 1px rgba(255,255,255,4%)}.token-optimization-highlight-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#10b981,#3b82f6);opacity:.7;border-radius:18px 18px 0 0;transition:opacity .3s ease}.token-optimization-highlight-card::after{content:'';position:absolute;top:-60%;left:-60%;width:220%;height:220%;background:radial-gradient(circle at 30% 30%,rgba(16,185,129,.1) 0%,transparent 60%);opacity:0;transition:opacity .5s ease;pointer-events:none}.token-optimization-highlight-card:hover::after{opacity:1}.token-optimization-highlight-card:hover{border-color:rgba(16,185,129,.5);box-shadow:0 16px 40px rgba(16,185,129,.2),0 4px 12px rgba(16,185,129,.1),inset 0 1px rgba(255,255,255,8%);transform:translateY(-8px);background:linear-gradient(145deg,rgba(16,185,129,.1) 0%,rgba(59,130,246,5%) 100%)}.token-optimization-highlight-card:hover::before{opacity:1}.token-optimization-highlight-icon{font-size:2.75rem;margin-bottom:1.25rem;line-height:1;display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:rgba(16,185,129,.1);border-radius:14px;border:1px solid rgba(16,185,129,.2);filter:drop-shadow(0 2px 6px rgba(16,185,129,.35));transition:transform .4s ease,box-shadow .4s ease}.token-optimization-highlight-card:hover .token-optimization-highlight-icon{transform:scale(1.12)rotate(-3deg);box-shadow:0 6px 20px rgba(16,185,129,.3)}.token-optimization-highlight-name{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem;letter-spacing:-.01em;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto}.token-optimization-highlight-description{font-size:.95rem;color:var(--text-secondary);line-height:1.65;margin:0;opacity:.9}.token-optimization-cta{text-align:center;margin-top:2.5rem}.ai-adoption-principles-section{margin:6rem 0;position:relative;background:linear-gradient(135deg,rgba(168,85,247,7%) 0%,rgba(168,85,247,2%) 40%,rgba(96,165,250,5%) 100%);border-radius:24px;padding:4rem 3rem;border:1px solid rgba(168,85,247,.18);box-shadow:0 0 60px rgba(168,85,247,6%),inset 0 1px rgba(255,255,255,5%);overflow:hidden}.ai-adoption-principles-section::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#a855f7 30%,#60a5fa 70%,transparent);opacity:.7}.ai-adoption-principles-section::after{content:'';position:absolute;top:-120px;right:-120px;width:350px;height:350px;background:radial-gradient(circle,rgba(168,85,247,8%) 0%,transparent 70%);pointer-events:none}.ai-adoption-principles-header{max-width:1200px;margin:0 auto;padding:0 0 2.5rem;text-align:center;position:relative;z-index:1}.ai-adoption-principles-header .section-title{font-size:2.6rem !important;font-weight:800 !important;letter-spacing:-.03em !important;line-height:1.15 !important;margin-bottom:1rem !important;background:linear-gradient(135deg,#e9d5ff 0%,#a78bfa 40%,#60a5fa 100%) !important;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important;background-clip:text !important;text-align:center !important}.ai-adoption-principles-header .section-subtitle{font-size:1.1rem;color:var(--text-secondary);max-width:720px;margin:0 auto;line-height:1.7;opacity:.85}.ai-adoption-principles-container{max-width:1200px;margin:0 auto;padding:0;position:relative;z-index:1}.ai-adoption-principles-eras-row,.ai-adoption-principles-domains-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:1.5rem}.ai-adoption-principles-domains-row{margin-bottom:2.5rem}.ai-adoption-principles-highlight-card{background:linear-gradient(145deg,rgba(168,85,247,6%) 0%,rgba(255,255,255,3%) 100%);border:1px solid rgba(168,85,247,.25);border-radius:18px;padding:1.75rem;transition:all .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(12px);box-shadow:0 4px 20px rgba(168,85,247,8%),inset 0 1px rgba(255,255,255,4%);position:relative;overflow:hidden}.ai-adoption-principles-highlight-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#a855f7,#60a5fa);opacity:.7;border-radius:18px 18px 0 0;transition:opacity .3s ease}.ai-adoption-principles-highlight-card::after{content:'';position:absolute;top:-60%;left:-60%;width:220%;height:220%;background:radial-gradient(circle at 30% 30%,rgba(168,85,247,.1) 0%,transparent 60%);opacity:0;transition:opacity .5s ease;pointer-events:none}.ai-adoption-principles-highlight-card:hover::after{opacity:1}.ai-adoption-principles-highlight-card:hover{border-color:rgba(168,85,247,.5);box-shadow:0 16px 40px rgba(168,85,247,.2),0 4px 12px rgba(168,85,247,.1),inset 0 1px rgba(255,255,255,8%);transform:translateY(-8px);background:linear-gradient(145deg,rgba(168,85,247,.12) 0%,rgba(96,165,250,6%) 100%)}.ai-adoption-principles-highlight-card:hover::before{opacity:1}.ai-adoption-principles-highlight-icon{font-size:2.25rem;margin-bottom:1.25rem;display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:rgba(168,85,247,.1);border-radius:14px;border:1px solid rgba(168,85,247,.2);filter:drop-shadow(0 2px 6px rgba(168,85,247,.35));transition:transform .4s ease,box-shadow .4s ease}.ai-adoption-principles-highlight-card:hover .ai-adoption-principles-highlight-icon{transform:scale(1.12)rotate(-3deg);box-shadow:0 6px 20px rgba(168,85,247,.3)}.ai-adoption-principles-highlight-name{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin-bottom:.6rem;letter-spacing:-.01em;line-height:1.3}.ai-adoption-principles-highlight-description{font-size:.92rem;color:var(--text-secondary);line-height:1.65;margin:0;opacity:.9}.ai-adoption-principles-cta{text-align:center;padding-top:1.5rem}.cta-button-purple{display:inline-block;padding:.9rem 2.75rem;background:linear-gradient(135deg,#a855f7 0%,#7c3aed 100%);color:#fff;text-decoration:none;border-radius:12px;font-weight:700;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px rgba(168,85,247,.35),0 1px 4px rgba(168,85,247,.2);letter-spacing:.01em}.cta-button-purple:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(168,85,247,.5),0 2px 8px rgba(168,85,247,.3);background:linear-gradient(135deg,#b76ff8 0%,#8b52f0 100%)}.guardrails-acs-card{background:linear-gradient(135deg,rgba(239,68,68,.1) 0%,rgba(239,68,68,5%) 50%,rgba(168,85,247,.1) 100%);border:1px solid rgba(239,68,68,.35);border-radius:20px;padding:2.5rem 2rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;backdrop-filter:blur(12px);box-shadow:0 6px 24px rgba(239,68,68,.12),inset 0 1px rgba(255,255,255,6%);text-decoration:none}.guardrails-acs-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ef4444 0%,#f97316 50%,#a855f7 100%);opacity:.9;border-radius:20px 20px 0 0}.guardrails-acs-card::after{content:'';position:absolute;top:-60%;left:-60%;width:220%;height:220%;background:radial-gradient(circle at 30% 30%,rgba(239,68,68,.12) 0%,transparent 60%);opacity:0;transition:opacity .5s ease;pointer-events:none}.guardrails-acs-card:hover::after{opacity:1}.guardrails-acs-card:hover{border-color:rgba(239,68,68,.55);box-shadow:0 20px 48px rgba(239,68,68,.25),0 6px 16px rgba(239,68,68,.12),inset 0 1px rgba(255,255,255,.1);transform:translateY(-8px);background:linear-gradient(135deg,rgba(239,68,68,.15) 0%,rgba(239,68,68,7%) 50%,rgba(168,85,247,.15) 100%)}.guardrails-acs-card .category-icon{font-size:3.5rem;margin-bottom:1.25rem;display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:rgba(239,68,68,.12);border-radius:20px;border:1px solid rgba(239,68,68,.25);filter:drop-shadow(0 4px 10px rgba(239,68,68,.4));transition:transform .4s ease,box-shadow .4s ease}.guardrails-acs-card:hover .category-icon{transform:scale(1.12)rotate(-3deg);box-shadow:0 8px 24px rgba(239,68,68,.4)}.guardrails-acs-card h5{font-size:1.65rem;font-weight:800;margin-bottom:.75rem;letter-spacing:-.02em;background:linear-gradient(135deg,#ef4444 0%,#f97316 40%,#a855f7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.guardrails-acs-card p{font-size:1rem;color:var(--text-secondary);line-height:1.65;margin:0;font-weight:500;opacity:.9}.guardrails-acs-wrapper{display:flex;flex-direction:column;gap:1.25rem}.guardrails-acs-subpages{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.75rem;margin-top:.5rem}.guardrails-acs-subpage-link{display:flex;align-items:center;gap:.6rem;padding:.8rem 1.1rem;background:linear-gradient(135deg,rgba(239,68,68,6%) 0%,rgba(239,68,68,2%) 100%);border:1px solid rgba(239,68,68,.22);border-radius:10px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.875rem;color:var(--text-primary);backdrop-filter:blur(8px)}.guardrails-acs-subpage-link:hover{background:linear-gradient(135deg,rgba(239,68,68,.14) 0%,rgba(239,68,68,6%) 100%);border-color:rgba(239,68,68,.45);transform:translateY(-3px);box-shadow:0 6px 16px rgba(239,68,68,.18)}.guardrails-acs-subpage-link .subpage-icon{font-size:1.1rem;flex-shrink:0}.guardrails-acs-subpage-link .subpage-title{font-weight:600;color:var(--text-primary);font-size:.875rem}.cta-button-green{display:inline-block;padding:.9rem 2.75rem;background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;text-decoration:none;border-radius:12px;font-weight:700;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px rgba(16,185,129,.35),0 1px 4px rgba(16,185,129,.2);letter-spacing:.01em}.cta-button-green:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(16,185,129,.5),0 2px 8px rgba(16,185,129,.3);background:linear-gradient(135deg,#34d399 0%,#10b981 100%)}@media(max-width:768px){.token-optimization-section{margin:4rem 0;padding:2rem 1rem}.token-optimization-header{padding:0 0 1.5rem}.token-optimization-header .section-title{font-size:1.75rem}.token-optimization-header .section-subtitle{font-size:1rem}.token-optimization-container{padding:0}.token-optimization-highlights-grid{grid-template-columns:1fr;gap:1rem}.token-optimization-highlight-card{padding:1.5rem}.token-optimization-highlight-icon{font-size:2rem}.token-optimization-highlight-name{font-size:1.15rem}.ai-adoption-principles-section{margin:4rem 0;padding:2rem 1rem}.ai-adoption-principles-header{padding:0 0 1.5rem}.ai-adoption-principles-header .section-title{font-size:1.75rem}.ai-adoption-principles-header .section-subtitle{font-size:1rem}.ai-adoption-principles-container{padding:0}.ai-adoption-principles-eras-row,.ai-adoption-principles-domains-row{grid-template-columns:1fr;gap:.875rem}.ai-adoption-principles-highlight-card{padding:1.25rem}.ai-adoption-principles-highlight-icon{font-size:2rem}.ai-adoption-principles-highlight-name{font-size:1.1rem}.guardrails-acs-card{padding:2rem 1.5rem}.guardrails-acs-card .category-icon{font-size:2.75rem}.guardrails-acs-card h5{font-size:1.35rem}.guardrails-acs-card p{font-size:.95rem}.guardrails-acs-subpages{grid-template-columns:1fr;gap:.5rem}.guardrails-acs-subpage-link{padding:.6rem .85rem;font-size:.8rem}}