@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--primary: #2563eb;--primary-hover: #1d4ed8;--bg: #0f172a;--surface: #1e293b;--text: #f8fafc;--text-secondary: #94a3b8}*{box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif;background-color:var(--bg);background-image:radial-gradient(circle at 15% 50%,rgba(37,99,235,.08),transparent 25%),radial-gradient(circle at 85% 30%,rgba(79,70,229,.08),transparent 25%);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}.container{max-width:1024px;margin:0 auto;padding:0 24px}nav{padding:24px 0;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:12px;font-weight:700;font-size:1.25rem;color:#fff;text-decoration:none}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color .2s}.nav-link:hover{color:#fff}.hero{padding:50px 0;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;min-height:80vh}@media(max-width:768px){.hero{grid-template-columns:1fr;text-align:center;gap:40px;padding:40px 0;min-height:auto}}h1{font-size:3.5rem;line-height:1.1;margin:0 0 24px;letter-spacing:-.02em}@media(max-width:768px){h1{font-size:2.5rem}}.subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:32px;max-width:500px}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:8px;font-weight:600;text-decoration:none;transition:all .2s;cursor:pointer;border:none;font-size:1rem}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:0 4px 14px #2563eb4d}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.btn-outline{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;margin-left:16px}.btn-outline:hover{border-color:#fff;background:#ffffff0d}.features{padding:80px 0;background:#1e293b80;margin-top:40px;border-top:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.card{padding:32px;background:#ffffff08;border-radius:16px;border:1px solid rgba(255,255,255,.05);transition:transform .2s,background .2s}.card:hover{transform:translateY(-2px);background:#ffffff0d}.card h3{margin:16px 0 12px;font-size:1.25rem}.card p{color:var(--text-secondary);margin:0}footer{padding:40px 0;text-align:center;color:var(--text-secondary);font-size:.875rem;border-top:1px solid rgba(255,255,255,.05)}.icon-box{width:48px;height:48px;border-radius:12px;background:#2563eb1a;color:var(--primary);display:flex;align-items:center;justify-content:center}.mobile-menu-toggle{display:none}@media(max-width:768px){nav{position:sticky;top:0;background:var(--bg);z-index:999;border-bottom:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body{background-image:radial-gradient(circle at 15% 50%,rgba(37,99,235,.12),transparent 25%),radial-gradient(circle at 85% 30%,rgba(79,70,229,.12),transparent 25%)}a,button{min-height:44px;min-width:44px}.btn{margin:8px 0}p,.subtitle{line-height:1.7!important;color:#cbd5e1!important}.btn-primary{box-shadow:0 6px 24px #2563eb66!important;font-weight:700!important}h1{color:#fff!important;text-shadow:0 2px 10px rgba(0,0,0,.3)}h2{color:#fff!important}.card,.feature-card{background:#ffffff0f!important;border:1px solid rgba(255,255,255,.12)!important}.mobile-menu{box-shadow:0 8px 32px #0000004d!important}.mobile-menu a{background:#ffffff0d;border-radius:8px;transition:background .2s}.mobile-menu a:hover{background:#ffffff1a}}@media(max-width:768px){.desktop-nav{display:none!important}.mobile-menu-toggle{display:block}nav{padding:16px 0!important}.hero{padding:30px 0!important;min-height:auto!important}h1{font-size:2rem!important}.subtitle{font-size:1rem!important}.hero>div:last-child>div:first-child{width:200px!important;height:400px!important}.btn{width:100%;justify-content:center}.btn-outline{margin-left:0!important}.features-grid{grid-template-columns:1fr!important}section{padding:60px 24px!important}h2{font-size:2rem!important}h3{font-size:1.1rem!important}.container{padding:0 16px}}@media(max-width:480px){h1{font-size:1.75rem!important}.btn{padding:12px 20px;font-size:.9rem}section{padding:40px 16px!important}}@media(max-width:375px){h1{font-size:1.5rem!important;line-height:1.2!important}h2{font-size:1.75rem!important}.subtitle{font-size:.95rem!important}.btn{padding:10px 16px;font-size:.85rem;gap:6px}.hero>div:last-child{display:none!important}.hero>div:first-child{text-align:center;max-width:100%}section{padding:30px 12px!important}.container{padding:0 12px}.icon-box{width:40px!important;height:40px!important}.card{padding:24px!important}.features section div div div:first-child{font-size:2.5rem!important}.logo img{width:28px!important;height:28px!important}.logo{font-size:1.1rem!important}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes ping{0%{transform:translate(-50%,-50%) scale(1);opacity:.75}75%,to{transform:translate(-50%,-50%) scale(2);opacity:0}}