:root{--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace;--bg-primary:#07090e;--bg-secondary:#0c101a;--bg-card:#111726;--bg-card-hover:#161f33;--bg-card-elevated:#1b253d;--bg-glass:#0e131fbf;--bg-glass-strong:#0a0e17eb;--border-subtle:#ffffff0f;--border-medium:#ffffff1f;--border-strong:#ffffff38;--border-glow:#00f2fe59;--text-primary:#fff;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#07090e;--accent-primary:#00f2fe;--accent-secondary:#4facfe;--accent-gradient:linear-gradient(135deg, #00f2fe 0%, #4facfe 100%);--accent-glow:#00f2fe47;--accent-surface:#00f2fe1a;--status-success:#10b981;--status-warning:#f59e0b;--status-danger:#ef4444;--status-info:#3b82f6;--shadow-sm:0 2px 8px #0006;--shadow-md:0 8px 24px #00000080;--shadow-lg:0 16px 40px #000000a6;--shadow-glow:0 0 35px var(--accent-glow);--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.4s cubic-bezier(.16, 1, .3, 1)}html[data-accent=violet]{--accent-primary:#a855f7;--accent-secondary:#7c3aed;--accent-gradient:linear-gradient(135deg, #c084fc 0%, #7c3aed 100%);--accent-glow:#a855f752;--accent-surface:#a855f71f;--border-glow:#a855f766}html[data-accent=emerald]{--accent-primary:#10b981;--accent-secondary:#059669;--accent-gradient:linear-gradient(135deg, #34d399 0%, #059669 100%);--accent-glow:#10b9814d;--accent-surface:#10b9811f;--border-glow:#10b98166}html[data-accent=amber]{--accent-primary:#f59e0b;--accent-secondary:#d97706;--accent-gradient:linear-gradient(135deg, #fbbf24 0%, #d97706 100%);--accent-glow:#f59e0b52;--accent-surface:#f59e0b1f;--border-glow:#f59e0b66}html[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#edf2f7;--bg-card:#fff;--bg-card-hover:#f1f5f9;--bg-card-elevated:#fff;--bg-glass:#ffffffd9;--bg-glass-strong:#fffffff2;--border-subtle:#00000014;--border-medium:#00000026;--border-strong:#00000040;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-inverse:#fff;--shadow-sm:0 2px 6px #0000000f;--shadow-md:0 8px 20px #00000014;--shadow-lg:0 16px 32px #0000001f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{touch-action:pan-y pinch-zoom;width:100%;max-width:100%;position:relative;overflow-x:hidden}html{scroll-behavior:smooth;font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}body{background-color:var(--bg-primary);min-height:100vh}#root,.app-root,main{width:100%;max-width:100%;position:relative;overflow-x:hidden}img,video,canvas,svg{max-width:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-card-elevated);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}::selection{background:var(--accent-primary);color:var(--bg-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.02em;font-weight:700;line-height:1.2}p{color:var(--text-secondary);font-size:1rem;line-height:1.65}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}input,textarea,select{outline:none;font-family:inherit;font-size:.95rem}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem}.container-wide{width:100%;max-width:1440px;margin:0 auto;padding:0 1.5rem}@media (width<=640px){.container,.container-wide{padding:0 1rem}}.section{padding:6rem 0;scroll-margin-top:85px;position:relative}.service-card,.hubs-grid-wrapper,.certs-banner{scroll-margin-top:95px}.section-title-wrap{text-align:center;max-width:760px;margin:0 auto 3.5rem}.section-tag{border-radius:var(--radius-full);background:var(--accent-surface);border:1px solid var(--border-glow);color:var(--accent-primary);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.35rem .85rem;font-size:.8rem;font-weight:600;display:inline-flex}.section-heading{margin-bottom:1rem;font-size:clamp(2rem,4vw,3rem);font-weight:800}.section-desc{color:var(--text-secondary);font-size:1.15rem}.text-gradient{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.btn{border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;justify-content:center;align-items:center;gap:.6rem;padding:.75rem 1.6rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent-gradient);color:#07090e;box-shadow:0 4px 18px var(--accent-glow);font-weight:700}.btn-primary:hover{box-shadow:0 8px 28px var(--accent-glow);transform:translateY(-2px)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-medium)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--accent-primary);transform:translateY(-2px)}.btn-glass{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-subtle);color:var(--text-primary);background:#ffffff0d}.btn-glass:hover{border-color:var(--border-medium);background:#ffffff1a}.btn-accent-outline{border:1px solid var(--accent-primary);color:var(--accent-primary);background:0 0}.btn-accent-outline:hover{background:var(--accent-surface)}.btn-sm{border-radius:var(--radius-sm);padding:.45rem 1rem;font-size:.85rem}.btn-lg{border-radius:var(--radius-lg);padding:.95rem 2.2rem;font-size:1.05rem}.glass-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-normal);padding:2rem;position:relative;overflow:hidden}.glass-card:hover{border-color:var(--border-glow);transform:translateY(-4px);box-shadow:0 12px 30px #0006}.glass-card:before{content:"";background:var(--accent-gradient);opacity:0;height:2px;transition:opacity var(--transition-normal);position:absolute;top:0;left:0;right:0}.glass-card:hover:before{opacity:1}.tech-pill{font-family:var(--font-mono);border-radius:var(--radius-full);border:1px solid var(--border-subtle);color:var(--text-secondary);background:#ffffff0d;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;display:inline-flex}.status-badge{border-radius:var(--radius-full);align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.status-badge.adopt{color:#10b981;background:#10b98126;border:1px solid #10b9814d}.status-badge.trial{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d}.status-badge.assess{color:#3b82f6;background:#3b82f626;border:1px solid #3b82f64d}.modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:999;background:#05070cd9;justify-content:center;align-items:center;padding:1.5rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-xl);width:100%;max-width:800px;max-height:90vh;animation:.25s cubic-bezier(.16,1,.3,1) modalPop;position:relative;overflow-y:auto;box-shadow:0 25px 60px #000c}.modal-header{border-bottom:1px solid var(--border-subtle);background:var(--bg-card);z-index:10;justify-content:space-between;align-items:center;padding:1.75rem 2rem;display:flex;position:sticky;top:0}.modal-body{padding:2rem}.modal-close-btn{border-radius:var(--radius-full);background:var(--border-subtle);width:36px;height:36px;color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.modal-close-btn:hover{background:var(--border-medium);color:var(--text-primary)}.form-group{margin-bottom:1.25rem}.form-label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.form-input,.form-textarea,.form-select{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition-fast);padding:.75rem 1rem}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-surface)}.form-textarea{resize:vertical;min-height:120px}.form-row-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=640px){.form-row-2{grid-template-columns:1fr;gap:.75rem}}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:.75rem;display:flex;position:fixed;bottom:2rem;right:2rem}.toast-item{pointer-events:auto;background:var(--bg-card-elevated);border:1px solid var(--border-medium);border-left:4px solid var(--accent-primary);border-radius:var(--radius-md);color:var(--text-primary);box-shadow:var(--shadow-lg);align-items:center;gap:.85rem;max-width:420px;padding:1rem 1.4rem;font-size:.9rem;animation:.3s cubic-bezier(.16,1,.3,1) toastSlideIn;display:flex}.toast-item.info{border-left-color:var(--status-info)}.toast-item.error{border-left-color:var(--status-danger)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalPop{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes toastSlideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes marquee{0%{transform:translate(0%)}to{transform:translate(-50%)}}@keyframes pulseGlow{0%,to{opacity:.4}50%{opacity:.8}}.grid-2{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}@media (width<=1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.section{padding:4rem 0}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.modal-content{max-height:85vh;margin:1rem}.toast-container{bottom:1rem;left:1rem;right:1rem}}
