:root{--purple:#a900ff;--purple2:#6200d9;--bg:#05020b;--white:#fff;--muted:#b8b0c2}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--white);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
a{text-decoration:none;color:inherit}
.background{position:fixed;inset:0;z-index:-2;background-image:url("velis-background.png");background-size:cover;background-position:center;filter:saturate(1.08)}
.background:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,0,10,.15),rgba(5,2,11,.55) 55%,#05020b 100%)}
.header{height:74px;position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:rgba(5,2,12,.72);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px)}
.logo{font-size:25px;font-weight:1000;letter-spacing:6px;text-shadow:0 0 22px #9d00ff}
nav{display:flex;align-items:center;gap:26px}
nav>a{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:1.1px;color:#eee;transition:.2s}
nav>a:hover{color:#ce70ff}
.currency{display:flex;align-items:center;gap:8px;margin-left:8px;color:#aaa0b2;font-size:11px;text-transform:uppercase;letter-spacing:1px}
.currency select{width:155px;padding:9px;border-radius:10px;border:1px solid rgba(182,54,255,.35);background:#12071e;color:#fff;outline:none}
.hamburger{display:none;background:none;border:0;color:#fff;font-size:25px}
.hero{min-height:100vh;padding:160px 8% 80px;display:flex;align-items:center;position:relative}
.hero-content{max-width:720px}
.small-title,.kicker{font-size:12px;letter-spacing:3px;font-weight:900;color:#d06aff}
.hero h1{font-size:clamp(80px,14vw,170px);line-height:.82;letter-spacing:-7px;margin:14px 0 24px;font-weight:1000;color:#9f00ff;-webkit-text-stroke:2px #fff;text-shadow:0 0 20px #a900ff,0 0 70px rgba(122,0,255,.35)}
.hero h1 span{color:#fff;-webkit-text-stroke:0}
.hero p{max-width:620px;color:#eee7f2;line-height:1.7;font-size:17px}
.buttons{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:11px;font-size:12px;font-weight:900;letter-spacing:1px;text-transform:uppercase;transition:.2s}
.button:hover{transform:translateY(-3px)}
.primary{background:linear-gradient(135deg,#bd32ff,#6100d8);box-shadow:0 12px 35px rgba(145,0,255,.3)}
.glass{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.2)}
.scroll{position:absolute;bottom:28px;left:8%;font-size:10px;letter-spacing:3px;color:#aaa2b1}.scroll b{color:#d36cff;font-size:16px}
.section{max-width:1120px;margin:auto;padding:110px 25px}
.heading{margin-bottom:38px}.heading h2{font-size:clamp(44px,7vw,76px);line-height:.95;margin-top:8px;letter-spacing:-3px;font-weight:1000}.center{text-align:center}
.coming{border:1px solid rgba(193,57,255,.35);border-radius:24px;padding:55px 25px;text-align:center;background:linear-gradient(135deg,rgba(24,5,39,.88),rgba(9,2,17,.84));box-shadow:inset 0 0 80px rgba(157,0,255,.08)}
.live{font-size:10px;font-weight:900;letter-spacing:2px;color:#d06aff}.live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#cf4cff;box-shadow:0 0 15px #cf4cff;margin-right:6px}
.coming h3{font-size:clamp(38px,7vw,76px);margin:12px 0;color:#d15aff;text-shadow:0 0 25px rgba(197,54,255,.5)}.coming h3 span{color:#fff}.coming p{color:var(--muted)}
.product-card{max-width:680px;margin:22px auto 0;padding:26px;display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:22px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:rgba(11,4,20,.8)}
.product-art{height:100px;border-radius:16px;display:grid;place-items:center;font-size:52px;font-weight:1000;background:linear-gradient(135deg,#a900ff,#400095);box-shadow:0 0 35px rgba(148,0,255,.25)}
.product-tag{font-size:9px;color:#d36aff;letter-spacing:2px;font-weight:900}.product-card h3{margin:8px 0}.product-card p{color:var(--muted);font-size:13px;line-height:1.5}.product-card button{padding:10px 12px;border:1px solid #392244;border-radius:9px;background:#160b1e;color:#777;white-space:nowrap}
.news-grid,.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.news{min-height:230px;padding:28px;border:1px solid rgba(193,57,255,.25);border-radius:20px;background:rgba(13,4,24,.8)}
.news-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#d06aff;font-weight:900}.news-top time{color:#777}
.news h3{font-size:24px;margin:25px 0 10px}.news p{color:var(--muted);line-height:1.7;font-size:14px}
.sponsor{max-width:720px;margin:auto;text-align:center;padding:58px 25px;border-radius:24px;background:rgba(13,4,24,.85);border:1px solid rgba(193,57,255,.3)}
.plus{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;border:1px solid #b733ff;color:#d16aff;font-size:36px}.sponsor h3{font-size:30px}.sponsor p{max-width:550px;margin:12px auto 25px;color:var(--muted);line-height:1.6}
.contact-grid{grid-template-columns:repeat(3,1fr)}.contact{padding:28px;border-radius:19px;background:rgba(13,4,24,.85);border:1px solid rgba(193,57,255,.25);transition:.2s}.contact:hover{transform:translateY(-5px);border-color:#b733ff;box-shadow:0 15px 40px rgba(130,0,255,.18)}.icon{font-size:27px;color:#cf5cff;margin-bottom:17px}.contact-label{font-size:9px;letter-spacing:2px;color:#9c91a5;font-weight:900;margin-bottom:8px}.contact strong{font-size:14px;word-break:break-word}
footer{border-top:1px solid rgba(255,255,255,.08);padding:35px;text-align:center;background:#030108;display:flex;flex-direction:column;gap:8px}footer strong{letter-spacing:5px}footer span{font-size:11px;color:#6f6877}
@media(max-width:850px){.header{height:68px;padding:0 5%}.hamburger{display:block}nav{display:none;position:absolute;top:68px;left:0;right:0;padding:16px;background:rgba(6,2,13,.98);flex-direction:column;align-items:stretch;gap:4px}nav.open{display:flex}nav>a{padding:13px}.currency{justify-content:space-between;margin:8px 13px}.currency select{width:180px}.hero{padding:140px 7% 80px}.product-card{grid-template-columns:85px 1fr}.product-card button{grid-column:1/-1}.contact-grid{grid-template-columns:1fr}.news-grid{grid-template-columns:1fr}}
@media(max-width:480px){.hero h1{letter-spacing:-4px;-webkit-text-stroke:1px #fff}.section{padding:85px 18px}.product-card{padding:18px;gap:15px}.product-art{height:85px;font-size:40px}}