*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b0618;color:#f5eeff;font:16px/1.65 Tahoma,Arial,sans-serif;background-image:radial-gradient(circle at 50% 0,#291047 0,transparent 45%)}a{color:inherit;text-decoration:none}button,input{font:inherit}.wrap{max-width:1480px;margin:auto;padding:0 26px}.topbar{position:sticky;top:0;z-index:10;background:#100820ef;backdrop-filter:blur(12px);border-bottom:1px solid #8c28b9;box-shadow:0 2px 25px #8500d52b}.nav{display:flex;align-items:center;gap:32px;min-height:80px}.brand{display:flex;align-items:center;gap:9px;font-size:32px;font-weight:900;white-space:nowrap;line-height:1}.brand b{color:#d25bff}.brand small{display:block;font-size:11px;font-weight:400;margin-top:6px}.nav nav{display:flex;gap:22px;margin-left:auto}.nav nav a{font-weight:bold}.nav nav a:hover,.nav nav .active{color:#eab7ff}.search{margin-left:auto;display:flex;align-items:center;border:1px solid #a33be5;border-radius:30px;padding:5px 13px;background:#1b0d30;font-size:26px}.search input{background:none;border:0;outline:0;color:white;width:175px;font-size:14px}.menu{display:none;background:none;border:0;color:#fff;font-size:26px}.hero{position:relative;overflow:hidden;border-radius:20px;margin:28px 0 34px;min-height:420px;border:1px solid #a42be1;box-shadow:0 0 35px #a200ec40;background:#26083e}.hero>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#11051ef5 0%,#210b41a8 38%,#16071e40 70%,#10061bd9)}.hero-text{position:relative;max-width:720px;padding:75px 45px}.hero h1{font-size:clamp(34px,4vw,60px);line-height:1.22;margin:15px 0;color:#fff;text-shadow:0 3px 10px #12011e}.hero h1 em{font-style:normal;color:#ffd365;text-shadow:0 0 12px #a300ff}.hero p{font-size:19px;max-width:560px}.pill{background:#7d199e;padding:7px 16px;border-radius:40px;font-weight:bold}.cta{display:inline-block;padding:11px 24px;border:1px solid #f8b947;border-radius:30px;background:linear-gradient(120deg,#7000c9,#c21ae9);font-weight:bold;box-shadow:0 0 15px #ad19e8;margin-top:15px}.cta:hover{filter:brightness(1.25)}.hero-side{position:absolute;right:20px;top:55px;width:245px;display:grid;gap:12px}.hero-side div{padding:12px;background:#100b25db;border:1px solid #8531aa;border-radius:12px}.hero-side b,.hero-side small{display:block}.hero-side small{font-size:12px;color:#c5b6d5}.layout{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:24px}.section-heading{display:flex;gap:16px;align-items:baseline;flex-wrap:wrap;margin:0 0 15px}.section-heading h2,.panel h2{font-size:25px;margin:0}.section-heading span{color:#b7a6c9;font-size:14px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card,.panel,.article{background:linear-gradient(150deg,#1e1034,#100a22);border:1px solid #69348c;border-radius:16px;overflow:hidden;box-shadow:0 6px 20px #080410}.card:hover{transform:translateY(-4px);border-color:#ca59ff;transition:.2s}.card img{width:100%;height:180px;object-fit:cover;display:block}.card-body{padding:15px}.tag{display:inline-block;background:#7912c3;border-radius:8px;padding:2px 10px;font-size:12px;font-weight:bold}.card h3{font-size:18px;line-height:1.45;margin:10px 0}.card p{font-size:13px;color:#c9bad6;margin:0 0 12px}.date{font-size:12px;color:#b7a8ca}.panel{padding:18px;margin-bottom:18px}.panel h2{font-size:20px;margin-bottom:14px}.popular-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #503264}.popular-item img{width:65px;height:57px;object-fit:cover;border-radius:8px}.popular-item strong{font-size:13px;line-height:1.3;display:block}.popular-item small{font-size:11px;color:#cbb8d8}.rank{color:#efbfff;font-weight:bold}.newsletter{background:linear-gradient(140deg,#521377,#210d3c)}.newsletter p{font-size:14px;color:#ddcbea}.categories{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:45px}.categories button{cursor:pointer;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:linear-gradient(145deg,#472061,#170c2e);border:1px solid #9543c3;color:white;border-radius:12px;min-height:105px;font-size:29px}.categories b{font-size:13px}.categories button:hover,.categories button.selected{border-color:#ffd166;box-shadow:0 0 15px #a735d6}.article-wrap{max-width:1060px;padding-top:30px}.back{color:#d99aff}.article{padding:28px;margin:20px 0 35px}.article img{width:100%;max-height:470px;object-fit:cover;border-radius:12px}.article h1{font-size:clamp(26px,4vw,43px);line-height:1.4}.article h2{color:#e7b5ff}.article p{font-size:17px;line-height:2}.article-wrap .cards{margin:20px 0 45px}footer{text-align:center;border-top:1px solid #703298;padding:27px;color:#a995be;margin-top:50px;font-size:13px}@media(max-width:1180px){.hero-side{display:none}.nav{gap:15px}.nav nav{gap:12px}.layout{grid-template-columns:1fr}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.wrap{padding:0 15px}.nav{min-height:68px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}.brand{font-size:24px}.nav nav{display:none;order:3;width:100%;flex-direction:column;padding:10px 0}.nav nav.open{display:flex}.menu{display:block;margin-left:auto}.search{order:4;width:100%;margin:0}.search input{width:100%}.hero{min-height:385px;margin:16px 0 28px}.hero-text{padding:56px 22px}.hero p{font-size:15px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card img{height:135px}.card-body{padding:12px}.card h3{font-size:15px}.categories{grid-template-columns:repeat(3,1fr)}.section-heading h2{font-size:22px}.article{padding:16px}}@media(max-width:440px){.cards{grid-template-columns:1fr}.card img{height:210px}.categories{grid-template-columns:repeat(2,1fr)}}