*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI}
body{background:linear-gradient(#0b1e3a,#020617);color:#fff}

header{display:flex;justify-content:space-between;padding:20px 60px;position:fixed;width:100%;
background:rgba(0,0,0,0.5);backdrop-filter:blur(10px);z-index:1000}

nav a{color:#cbd5f5;margin:0 15px;text-decoration:none}
nav a:hover{color:#fff}

.hero{display:flex;justify-content:space-between;padding:150px 60px 80px}
.left{width:55%}
.right-card{background:rgba(255,255,255,0.05);padding:25px;border-radius:15px;width:320px}

.btns button{padding:12px 20px;border-radius:25px;margin:10px}
.primary{background:#1e90ff;color:white;border:none}
.secondary{border:1px solid #1e90ff;background:transparent;color:white}

.tags span{border:1px solid #555;padding:6px 10px;margin:5px;border-radius:20px;display:inline-block}

.section{padding:80px 60px;text-align:center}
.sub{color:#9fb3c8;margin-bottom:30px}

.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}

.card{background:rgba(255,255,255,0.05);padding:20px;border-radius:15px;backdrop-filter:blur(10px)}

.cta{padding:60px;text-align:center;background:linear-gradient(#0b1e3a,#1e3c72)}

.footer{padding:40px;text-align:center;color:#9fb3c8}