:root{--bg-dark:#090d16;--bg-card:rgba(18,26,43,.7);--bg-card-hover:rgba(26,38,62,.85);--border-glow:rgba(99,102,241,.25);--border-light:hsla(0,0%,100%,.1);--primary-accent:#6366f1;--primary-gradient:linear-gradient(135deg,#6366f1,#a855f7 50%,#ec4899);--secondary-gradient:linear-gradient(135deg,#0ea5e9,#3b82f6);--text-main:#f8fafc;--text-muted:#94a3b8;--success-color:#10b981}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden;min-height:100vh;line-height:1.6}.ambient-glow{position:fixed;top:0;left:50%;transform:translateX(-50%);width:100vw;height:100vh;pointer-events:none;z-index:0;background:radial-gradient(circle at 50% -10%,rgba(99,102,241,.22) 0,transparent 60%),radial-gradient(circle at 90% 40%,rgba(168,85,247,.12) 0,transparent 50%),radial-gradient(circle at 10% 70%,rgba(14,165,233,.12) 0,transparent 50%)}.container{max-width:1240px;margin:0 auto;padding:0 1.5rem;position:relative;z-index:1}.navbar{justify-content:space-between;padding:1.25rem 0;border-bottom:1px solid var(--border-light);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:-webkit-sticky;position:sticky;top:0;z-index:50;background:rgba(9,13,22,.8)}.brand-logo,.navbar{display:flex;align-items:center}.brand-logo{gap:.75rem;text-decoration:none;color:var(--text-main);font-weight:700;font-size:1.35rem;letter-spacing:-.02em}.brand-logo img{height:38px;width:auto;object-fit:contain}.nav-links{display:flex;align-items:center;gap:2rem;list-style:none}.nav-links a{color:var(--text-muted);text-decoration:none;font-weight:500;font-size:.95rem;transition:color .2s ease}.nav-links a:hover{color:var(--text-main)}.btn-primary{background:var(--primary-gradient);color:#fff;padding:.65rem 1.4rem;border-radius:9999px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 4px 20px rgba(99,102,241,.4);transition:transform .2s ease,box-shadow .2s ease;border:none;cursor:pointer}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px rgba(99,102,241,.6)}.btn-secondary{background:hsla(0,0%,100%,.05);color:var(--text-main);padding:.65rem 1.4rem;border-radius:9999px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--border-light);transition:background .2s ease,border-color .2s ease}.btn-secondary:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.25)}.hero{padding:5rem 0 3rem;text-align:center}.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;border-radius:9999px;background:rgba(99,102,241,.1);border:1px solid var(--border-glow);color:#a5b4fc;font-size:.875rem;font-weight:500;margin-bottom:1.5rem}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.15;letter-spacing:-.03em;margin-bottom:1.5rem;background:linear-gradient(180deg,#fff,#cbd5e1);-webkit-background-clip:text}.hero-title,.hero-title span{-webkit-text-fill-color:transparent}.hero-title span{background:var(--primary-gradient);-webkit-background-clip:text}.hero-subtitle{font-size:1.25rem;color:var(--text-muted);max-width:720px;margin:0 auto 2.5rem}.hero-actions{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:4rem}.banner-wrapper{position:relative;border-radius:1.25rem;padding:8px;background:linear-gradient(135deg,rgba(99,102,241,.4),rgba(236,72,153,.2));box-shadow:0 20px 50px rgba(0,0,0,.5);margin-bottom:5rem;overflow:hidden}.banner-img{width:100%;height:auto;display:block;border-radius:.9rem}.section-title{text-align:center;font-size:2.25rem;font-weight:700;margin-bottom:1rem}.section-subtitle{text-align:center;color:var(--text-muted);margin-bottom:3.5rem;font-size:1.1rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:5rem}.card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:1rem;padding:2rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .2s ease,border-color .2s ease,background .2s ease}.card:hover{transform:translateY(-4px);border-color:var(--border-glow);background:var(--bg-card-hover)}.card-icon{width:48px;height:48px;border-radius:12px;background:rgba(99,102,241,.15);display:flex;align-items:center;justify-content:center;color:var(--primary-accent);font-size:1.5rem;margin-bottom:1.25rem}.card-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.card-text{color:var(--text-muted);font-size:.95rem}.showcase-section{display:grid;grid-template-columns:1fr 1fr;grid-gap:3rem;gap:3rem;align-items:center;margin-bottom:6rem;background:var(--bg-card);border:1px solid var(--border-light);border-radius:1.5rem;padding:3rem}.showcase-img-container{border-radius:1rem;overflow:hidden;border:1px solid var(--border-light);box-shadow:0 15px 35px rgba(0,0,0,.4)}.showcase-img{width:100%;height:auto;display:block}.footer{border-top:1px solid var(--border-light);padding:3rem 0;color:var(--text-muted);font-size:.9rem;display:flex;align-items:center;justify-content:space-between}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:9999px;background:rgba(16,185,129,.1);color:var(--success-color);font-size:.8rem;font-weight:600}.status-dot{width:8px;height:8px;border-radius:50%;background-color:var(--success-color);box-shadow:0 0 10px var(--success-color)}@media (max-width:768px){.hero-title{font-size:2.25rem}.nav-links{display:none}.showcase-section{grid-template-columns:1fr;padding:1.5rem}.footer{flex-direction:column;gap:1rem;text-align:center}}