*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;background:#fff;color:#222}.container{max-width:1200px;margin:auto;padding:0 20px}.header{background:#0f172a;color:#fff;padding:16px 0;position:sticky;top:0;z-index:1000}.header-inner{display:flex;justify-content:space-between;align-items:center}.logo{font-size:22px;font-weight:700}.nav a{margin-left:20px;color:#fff;text-decoration:none;transition:color .3s ease}.nav a:hover{color:#38bdf8}.footer{background:#0f172a;color:#fff;padding:20px 0}.footer-inner{text-align:center;font-size:14px}@media (max-width:768px){.header-inner{flex-direction:column;gap:12px}.nav a{margin:0 10px}}.hero{position:relative;min-height:90vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top left,#1e3a8a,transparent 40%),radial-gradient(circle at bottom right,#0ea5e9,transparent 40%),linear-gradient(135deg,#020617,#020617);overflow:hidden}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,6,23,.4),rgba(2,6,23,.9))}.hero-content{position:relative;z-index:2;max-width:900px;padding:40px;text-align:center;color:#fff;animation:fadeUp 1.2s ease forwards}.hero-content h1{font-size:clamp(2.8rem,5vw,4.5rem);font-weight:800;letter-spacing:-1px;margin-bottom:20px}.hero-content h1 span{background:linear-gradient(90deg,#38bdf8,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-content p{font-size:1.2rem;line-height:1.7;color:#cbd5f5;margin-bottom:40px}.hero-content p strong{color:#fff;font-weight:600}.hero-actions{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.btn{padding:14px 34px;font-size:1rem;font-weight:600;border-radius:30px;text-decoration:none;transition:all .3s ease}.btn.primary{background:linear-gradient(135deg,#38bdf8,#0ea5e9);color:#020617;box-shadow:0 10px 30px rgba(14,165,233,.35)}.btn.primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(14,165,233,.5)}.btn.secondary{border:1px solid hsla(0,0%,100%,.25);color:#fff;background:transparent}.btn.secondary:hover{background:hsla(0,0%,100%,.1);transform:translateY(-3px)}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.hero-content{padding:20px}.hero-content p{font-size:1.05rem}}