
:root{--bg:#030911;--side:#151e33;--side2:#22304f;--card:#071725;--line:#27486b;--txt:#fff;--muted:#bcd0e0;--cyan:#16c7ff;--blue:#276fff;--purple:#a54cff;--pink:#ff00bd;--lime:#8cff00}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--txt);font-family:Inter,Segoe UI,Arial,sans-serif}a{text-decoration:none;color:inherit}.layout{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.side{background:var(--side);height:100vh;position:sticky;top:0;overflow:auto;border-right:4px solid #3a4e7a;padding:8px}.app{width:42px;height:42px;border-radius:10px;background:var(--cyan);display:grid;place-items:center;font-weight:900;font-size:27px}.hamb{position:absolute;right:22px;top:17px;color:#7589bf;font-size:30px}.box{background:var(--side2);border-radius:9px;margin:10px 0;padding:14px}.small{font-size:13px;color:#96a9cf;font-weight:900;margin-bottom:10px}.os{display:flex;gap:8px}.os span{background:#fff;color:#17223a;border-radius:7px;padding:8px 12px;font-weight:800}.soc{display:flex;gap:20px;justify-content:center}.soc span{width:38px;height:38px;border-radius:8px;background:linear-gradient(135deg,#16c7ff,#2166ef);display:grid;place-items:center;font-weight:900}.menu{background:var(--side2);border-radius:9px;margin:10px 0;overflow:hidden}.cap{padding:11px 14px;color:#98aad1;font-size:13px;font-weight:900}.menu a{display:flex;gap:12px;padding:11px 14px;border-top:1px solid rgba(255,255,255,.06);font-weight:850}.menu i{font-style:normal;color:var(--cyan);width:22px}.menu a.active{background:linear-gradient(90deg,#1d72ff,#ae51ff)}.menu a.glow{background:linear-gradient(90deg,#276fff,#a54cff)}.lang{border:1px solid #354769;border-radius:22px;margin:18px 10px;padding:12px 16px}.top{height:64px;background:#02070e;display:flex;align-items:center;gap:22px;padding:0 72px;position:sticky;top:0;z-index:5}.logo{font-weight:950;font-size:34px;color:var(--cyan);letter-spacing:1px}.search{width:220px;height:44px;border-radius:7px;background:#293557;color:#9cb1d3;display:flex;align-items:center;justify-content:space-between;padding:0 14px}.acts{margin-left:auto;display:flex;gap:18px}.btn{border:2px solid var(--cyan);border-radius:7px;height:43px;display:inline-flex;align-items:center;justify-content:center;padding:0 22px;font-weight:950}.fill{background:var(--cyan)}.wrap{max-width:1420px;margin:0 auto;padding:0 42px 70px}.hero{height:270px;border-radius:8px;background:linear-gradient(100deg,rgba(112,92,255,.95),rgba(75,147,255,.7),rgba(255,73,213,.75));position:relative;overflow:hidden;padding:72px 44px;margin-bottom:130px}.hero:after,.promo:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.17) 1px,transparent 0);background-size:34px 34px;opacity:.35}.hero h1,.hero p{position:relative;z-index:1}.hero h1{font-size:45px;margin:0 0 18px}.hero p{font-size:25px;color:#dbe7ff;max-width:880px}.girl{position:absolute;right:65px;bottom:0;font-size:130px;z-index:1}.orb{position:absolute;border-radius:50%;background:radial-gradient(circle,#fff,#7f56ff,#020912);box-shadow:0 0 25px #9f64ff}.o1{width:38px;height:38px;right:345px;top:64px}.o2{width:24px;height:24px;right:135px;top:120px}.promo{min-height:160px;border-radius:18px;background:linear-gradient(100deg,#7452e9,#95c3ff,#744dff);border:3px solid #b8ddff;margin-bottom:90px;padding:24px 62px;display:grid;grid-template-columns:310px 1fr 250px;gap:30px;align-items:center;position:relative}.promo.gray{filter:grayscale(1);opacity:.82}.date{z-index:1;background:var(--pink);border-radius:12px;height:64px;display:grid;place-items:center;font-size:31px;font-weight:950}.promo.gray .date,.promo.gray button{background:#424242}.txt,.promo button{z-index:1}.txt h2{font-size:30px;margin:0}.txt p{font-size:17px;margin:6px 0 0}.promo button{border:0;border-radius:8px;background:var(--cyan);color:#fff;font-size:20px;font-weight:950;height:68px}.decor{position:absolute;right:260px;top:-65px;display:flex;gap:18px;z-index:2;transform:rotate(-14deg)}.decor span{width:115px;height:135px;border-radius:13px;background:linear-gradient(135deg,#2d14b9,#8b4dff);display:grid;place-items:center;font-size:45px}.ct{font-weight:950;font-size:20px;margin-bottom:16px}.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;margin-bottom:35px}.day{background:#142039;border-radius:8px;min-height:130px;padding:14px}.day.active{background:#16bdea;border:2px solid #854cff}.num{font-size:38px;font-weight:950;color:#9eb0e4}.dow{font-size:12px;color:#9eb0e4}.b{background:#263454;border-radius:7px;padding:8px 10px;margin-top:8px;font-size:14px;font-weight:700}.more{display:block;margin:20px auto 35px;width:280px;height:42px;border:0;border-radius:6px;background:linear-gradient(180deg,#4fd4ff,#56a4ff);color:#fff;font-weight:950}.sec{margin:40px 0}.sec h2{font-size:24px}.events{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.event{min-height:370px;border-radius:13px;background:linear-gradient(180deg,#001925,#00475f);border:1px solid #0bc5ee;padding:22px;display:flex;flex-direction:column;justify-content:flex-end}.big{text-align:center;font-size:78px;margin:auto 0 28px}.event h3{font-size:24px;margin:0 0 9px}.event p{color:#d2e5ef}.event button{height:45px;border:0;border-radius:7px;background:linear-gradient(180deg,#42d1ff,#5fa4ff);color:#fff;font-weight:950}.text{background:#061725;border:1px solid #123553;border-radius:18px;padding:28px;margin-top:40px}.text h2{font-size:30px;margin-top:0}.text p,.text li{color:#d4e5ef;font-size:17px}.foot{border-top:1px solid #172a3d;margin-top:42px;padding:42px 0 50px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:70px}.pay{margin-top:30px;color:#8699c5;font-size:28px;font-weight:950;word-spacing:30px}.float{position:fixed;right:25px;bottom:30px;display:flex;flex-direction:column;gap:12px}.float a{width:64px;height:64px;border-radius:50%;background:#19aee9;display:grid;place-items:center;font-size:35px}@media(max-width:1200px){.layout{grid-template-columns:230px 1fr}.events{grid-template-columns:repeat(3,1fr)}.cal{grid-template-columns:repeat(3,1fr)}.promo{grid-template-columns:1fr;margin-bottom:45px}.decor,.girl{display:none}.hero{margin-bottom:40px}}@media(max-width:760px){.layout{display:block}.side{height:auto;position:relative}.top{height:auto;padding:15px;flex-wrap:wrap}.wrap{padding:0 14px 50px}.hero{height:auto;padding:32px 22px}.hero h1{font-size:34px}.hero p{font-size:19px}.events,.cal,.foot{grid-template-columns:1fr}.promo{padding:20px}}
