:root{--bg:#0b1020;--fg:#e8ecf8;--mu:#9aa6c6;--c1:#6d5efc;--c2:#22d3ee;--cd:#141b34}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}
body{font:16px/1.9 Tahoma,"Segoe UI",system-ui,sans-serif;background:var(--bg);color:var(--fg);overflow-x:hidden}
img,video{max-width:100%;height:auto;border-radius:14px}a{color:var(--c2)}
.wrap{max-width:1100px;margin:auto;padding:0 20px}.c{text-align:center}
.nav{position:sticky;top:0;z-index:9;display:flex;align-items:center;gap:20px;padding:12px 24px;background:rgba(11,16,32,.8);backdrop-filter:blur(12px);border-bottom:1px solid #ffffff14}
.logo{font-weight:700;font-size:20px;color:#fff;text-decoration:none;margin-inline-end:auto}.logo i{color:var(--c2);font-style:normal}
.nav nav{display:flex;gap:18px}.nav nav a{color:var(--mu);text-decoration:none;transition:.3s}.nav nav a:hover{color:#fff}
.mb{display:none;background:0;border:0;width:36px;height:36px;cursor:pointer}.mb span,.mb span:before{display:block;width:24px;height:2px;background:#fff;position:relative;transition:.3s}.mb span:before{content:"";top:8px}
.sec{padding:80px 0}.sec h1{font-size:clamp(28px,5vw,54px);line-height:1.5}.sec h2{font-size:clamp(24px,3.5vw,36px);margin-bottom:28px}
.sec em{font-style:normal;background:linear-gradient(90deg,var(--c1),var(--c2));-webkit-background-clip:text;background-clip:text;color:transparent}
.sec p{color:var(--mu);margin:14px 0}#hero{min-height:80vh;display:flex;align-items:center;background:radial-gradient(600px 300px at 80% 10%,#6d5efc40,transparent),radial-gradient(500px 300px at 10% 90%,#22d3ee30,transparent);animation:bg 12s ease-in-out infinite alternate;background-size:140% 140%}
@keyframes bg{to{background-position:30% 20%}}
.btn{display:inline-block;margin-top:14px;padding:12px 28px;border-radius:99px;background:linear-gradient(90deg,var(--c1),var(--c2));color:#fff;text-decoration:none;transition:.3s}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #6d5efc66}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.card{background:var(--cd);border:1px solid #ffffff12;border-radius:18px;padding:24px;transition:.35s}.card:hover{transform:translateY(-6px);border-color:var(--c1)}
.card h3{margin-bottom:6px}.card p{margin:0}
.rv{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.rv.in{opacity:1;transform:none}
footer{text-align:center;padding:30px 20px;color:var(--mu);border-top:1px solid #ffffff14}
@media(max-width:720px){.mb{display:block}.nav nav{position:absolute;top:100%;inset-inline:0;flex-direction:column;background:var(--bg);padding:0 24px;max-height:0;overflow:hidden;transition:.4s}.o .nav nav{max-height:400px;padding:16px 24px}.sec{padding:56px 0}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}