body{margin:0;font-family:Arial,sans-serif;background:#0b1020;color:#fff}nav{display:flex;justify-content:space-between;align-items:center;padding:20px 8%;position:sticky;top:0;background:#0b1020cc;backdrop-filter:blur(10px)}a{color:#fff;text-decoration:none;margin:0 10px}.logo{font-size:28px;font-weight:bold}.logo span{color:#6b6cff}.hero{display:flex;align-items:center;justify-content:space-between;padding:80px 8%;min-height:80vh;background:radial-gradient(circle at right,#342c75,#0b1020 60%)}.badge{background:#1b2140;padding:10px 16px;border-radius:20px}.hero h1{font-size:64px;line-height:1.05}.hero h1 span{color:#6b6cff}.hero p{font-size:20px;color:#bbb;max-width:550px}.btn{display:inline-block;background:#6b6cff;padding:14px 24px;border-radius:12px;margin-top:20px}.ghost{background:transparent;border:1px solid #555}.disc{width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,#7b61ff 0,#111 22%,#222 60%,#000 100%);box-shadow:0 0 50px #6b6cff66;animation:spin 10s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;padding:60px 8%}.card{background:#171d33;padding:40px;border-radius:18px;text-align:center}footer{text-align:center;padding:30px;color:#888}@media(max-width:900px){.hero{flex-direction:column;text-align:center}.hero h1{font-size:44px}.disc{margin-top:40px;width:260px;height:260px}}