*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:#020617;color:#fff}.app{min-height:100vh}.navbar{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:20px 60px;background:#0f172ae6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #1e293b}.logo{font-size:28px;font-weight:700}.logo span{color:#22d3ee}.nav-links{display:flex;gap:16px}.nav-links a{text-decoration:none;color:#cbd5e1;padding:12px 20px;border-radius:12px;transition:.3s}.nav-links a:hover{background:linear-gradient(135deg,#06b6d4,#2563eb);color:#fff}.btn-primary{background:linear-gradient(135deg,#06b6d4,#2563eb);border:none;padding:14px 24px;border-radius:14px;color:#fff;font-weight:700;cursor:pointer}.btn-secondary{background:transparent;border:1px solid #334155;padding:14px 24px;border-radius:14px;color:#fff;cursor:pointer}.hero{padding:120px 60px;text-align:center}.hero h1{font-size:64px;line-height:1.1}.hero h1 span{color:#22d3ee}.hero p{max-width:700px;margin:24px auto;font-size:20px;color:#cbd5e1}.hero-buttons{display:flex;justify-content:center;gap:16px;margin-top:30px}.services,.about{padding:80px 60px}.services h2,.about h2{text-align:center;font-size:42px;margin-bottom:50px}.service-grid,.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.service-card,.about-card{background:#0f172a;border:1px solid #1e293b;border-radius:24px;padding:32px;transition:.3s}.service-card:hover,.about-card:hover{transform:translateY(-8px);border-color:#22d3ee}.service-card h3,.about-card h3{margin-bottom:16px;color:#22d3ee}.footer{text-align:center;padding:40px;border-top:1px solid #1e293b;color:#94a3b8}.footer h3{color:#fff;margin-bottom:12px}@media(max-width:768px){.navbar{flex-direction:column;gap:20px;padding:20px}.hero{padding:80px 20px}.hero h1{font-size:42px}.services,.about{padding:60px 20px}}