@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;600;800&display=swap";:root{--bg-dark:#07090e;--bg-panel:#11141d;--bg-panel-hover:#1a1f2d;--primary:#3b82f6;--primary-hover:#2563eb;--primary-glow:#3b82f666;--accent:#10b981;--accent-hover:#059669;--text-main:#f3f4f6;--text-muted:#9ca3af;--border:#1f2937;--border-light:#374151;--font-sans:"Inter", sans-serif;--font-heading:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-main);line-height:1.2}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mt-12{margin-top:3rem}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-primary{color:var(--primary)}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-4xl{font-size:2.5rem}.text-5xl{font-size:3.5rem}.text-6xl{font-size:4rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.btn{border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:0 0 15px var(--primary-glow)}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:0 0 25px var(--primary-glow);transform:translateY(-1px)}.btn-outline{color:var(--text-main);border:1px solid var(--border-light);background-color:#0000}.btn-outline:hover{background-color:var(--bg-panel);border-color:var(--primary)}.card{background-color:var(--bg-panel);border:1px solid var(--border);border-radius:.75rem;padding:1.5rem;transition:all .3s}.card:hover{border-color:var(--border-light);transform:translateY(-2px);box-shadow:0 10px 30px #00000080}.badge{color:var(--primary);background-color:#3b82f61a;border:1px solid #3b82f633;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.app-layout{flex-direction:column;min-height:100vh;display:flex}.header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;background-color:#07090ecc;padding:1rem 0;position:sticky;top:0}.nav-links{align-items:center;gap:2rem;display:flex}.nav-links a{color:var(--text-muted);font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--text-main)}.main-content{flex:1}.hero-section{padding:6rem 0;position:relative;overflow:hidden}.hero-section:before{content:"";background:radial-gradient(circle, var(--primary-glow) 0%, transparent 70%);z-index:-1;opacity:.5;width:80%;height:80%;position:absolute;top:-20%;left:50%;transform:translate(-50%)}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:4rem;display:grid}.footer{border-top:1px solid var(--border);color:var(--text-muted);margin-top:4rem;padding:3rem 0}.tabs-container{border-bottom:1px solid var(--border);gap:2rem;margin-bottom:2rem;display:flex}.tab{color:var(--text-muted);cursor:pointer;border-bottom:2px solid #0000;padding:1rem 0;font-weight:500;transition:all .2s}.tab:hover{color:var(--text-main)}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.timeline{border-left:2px solid var(--border);flex-direction:column;gap:2rem;margin-left:1rem;padding-left:2rem;display:flex}.timeline-item{position:relative}.timeline-item:before{content:"";background-color:var(--bg-panel);border:2px solid var(--border);border-radius:50%;width:12px;height:12px;position:absolute;top:.25rem;left:-2.35rem}.timeline-item.completed:before{background-color:var(--primary);border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow)}