:root{
 --primary:#6c63ff;
 --bg:#0b0b12;
 --card:#151525;
 --card-soft:#1c1c32;
 --text:#f1f1f6;
 --muted:#9aa0b3;
 --border:rgba(255,255,255,.08);
}

*{box-sizing:border-box;font-family:Inter,system-ui,sans-serif}

body{
 margin:0;
 background:linear-gradient(180deg,#0e0e1a,var(--bg));
 color:var(--text);
}

a{color:inherit;text-decoration:none}

/* NAV */
.nav{
 display:flex;
 justify-content:space-between;
 align-items:center;
 padding:18px 6%;
 position:sticky;
 top:0;
 background:rgba(11,11,18,.92);
 backdrop-filter:blur(10px);
 z-index:100;
}
.nav nav{display:flex;gap:20px}
.nav a{color:var(--muted)}
.nav a.active,.nav a:hover{color:var(--primary)}

/* HERO */
.hero{
 min-height:100svh;
 display:flex;
 flex-direction:column;
 justify-content:center;
 padding:0 6%;
 gap:18px;
}
.hero h1{font-size:clamp(2.2rem,6vw,3.4rem)}
.hero span{color:var(--primary)}
.hero p{color:var(--muted);max-width:520px}

/* BUTTONS */
.cta{display:flex;gap:14px;flex-wrap:wrap}
.btn{
 padding:14px 26px;
 border-radius:12px;
 font-weight:600;
 border:none;
 cursor:pointer;
 transition:.25s;
}
.btn.primary{
 background:var(--primary);
 color:#fff;
 box-shadow:0 0 28px rgba(108,99,255,.55);
}
.btn.primary:hover{box-shadow:0 0 45px rgba(108,99,255,.85)}
.btn.secondary{
 background:transparent;
 border:1px solid var(--border);
 color:var(--text);
}
.btn.secondary:hover{border-color:var(--primary);color:var(--primary)}

/* SECTIONS */
section{padding:80px 6%}
h2{margin-bottom:28px}

.grid{
 display:grid;
 grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
 gap:24px;
}

/* CARDS */
.card{
 background:linear-gradient(180deg,var(--card-soft),var(--card));
 padding:28px;
 border-radius:18px;
 border:1px solid var(--border);
 box-shadow:0 18px 40px rgba(0,0,0,.45);
}
.card strong{
 font-size:2rem;
 color:var(--primary);
}

/* CONTACT FORM */
form{
 display:grid;
 gap:14px;
 max-width:520px;
}
input,textarea{
 background:#0f0f1e;
 color:var(--text);
 border:1px solid var(--border);
 border-radius:10px;
 padding:14px;
}
input::placeholder,textarea::placeholder{color:var(--muted)}
input:focus,textarea:focus{
 outline:none;
 border-color:var(--primary);
 box-shadow:0 0 0 1px rgba(108,99,255,.4);
}

/* FOOTER */
.footer{
 padding:60px 6%;
 text-align:center;
 border-top:1px solid var(--border);
}
.footer-links{
 display:flex;
 justify-content:center;
 gap:26px;
 margin:24px 0;
 flex-wrap:wrap;
}
.footer-links a{
 display:flex;
 align-items:center;
 gap:10px;
 color:var(--muted);
}
.footer-links i{color:var(--primary)}

/* MOBILE */
.mobile-bar{display:none}
@media(max-width:768px){
 nav{display:none}
 section{padding:60px 6%}
 .cta{flex-direction:column}
 .btn{width:100%;text-align:center}
 .mobile-bar{
  display:flex;
  position:fixed;
  bottom:0;left:0;right:0;
  background:#0f0f1e;
  border-top:1px solid var(--border);
  justify-content:space-around;
  padding:14px;
  z-index:200;
 }
 .mobile-bar a{color:var(--primary);font-size:1.3rem}
}