*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top left,#1e3a8a 0,transparent 30%),radial-gradient(circle at bottom right,#0ea5e9 0,transparent 30%),#020617;color:white;font-family:Arial,Helvetica,sans-serif;min-height:100vh;overflow-x:hidden}.navbar{width:100%;padding:18px 40px;display:flex;align-items:center;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:999;background:rgba(15,23,42,.7);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.logo{font-size:24px;font-weight:700;color:#38bdf8;letter-spacing:1px}.menu{display:flex;align-items:center;gap:24px}.menu a{color:#e2e8f0;text-decoration:none;font-size:15px;transition:.3s ease;position:relative}.menu a:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:#38bdf8;transition:.3s}.menu a:hover{color:#38bdf8}.menu a:hover:after{width:100%}.container{width:100%;min-height:calc(100vh - 90px);display:flex;align-items:center;justify-content:center;padding:60px 20px}.card{width:100%;max-width:750px;padding:50px;border-radius:24px;background:rgba(15,23,42,.75);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 40px rgba(0,0,0,.4),0 0 60px rgba(56,189,248,.08);animation:fadeIn .8s ease}.card h1,.card h2{font-size:42px;margin-bottom:20px;line-height:1.2;background:linear-gradient(90deg,#38bdf8,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.card p{font-size:17px;margin-bottom:22px}.card p,.card ul{line-height:1.8;color:#cbd5e1}.card ul{margin-left:20px}.card li{margin-bottom:10px}.btn{margin-top:25px;padding:14px 30px;border:none;border-radius:14px;background:linear-gradient(135deg,#38bdf8,#2563eb);color:white;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px rgba(37,99,235,.35)}.btn:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 12px 30px rgba(37,99,235,.45)}.btn:active{transform:scale(.98)}.section-title{font-size:18px;color:#38bdf8;margin-bottom:14px;text-transform:uppercase;letter-spacing:1px}@keyframes fadeIn{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.navbar{padding:18px 20px;flex-direction:column;gap:14px}.menu{gap:16px;flex-wrap:wrap;justify-content:center}.card{padding:35px 24px}.card h1,.card h2{font-size:30px}.card p{font-size:15px}.btn{width:100%}}