.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.52),transparent 22%),var(--primary-gradient);padding:100px 0 90px}.hero::after{content:"";position:absolute;inset:auto -8% -30% auto;width:420px;height:420px;border-radius:50%;background:rgba(255,255,255,.2);filter:blur(20px)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;max-width:1280px;margin:0 auto;width:calc(100% - 40px)}.hero h1{font-size:36px;line-height:1.25;color:var(--ink);margin-bottom:14px}.hero-sub{font-size:17px;color:rgba(28,34,23,.78);margin-bottom:24px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:18px}.hero-badges{display:flex;gap:12px;flex-wrap:wrap;color:rgba(28,34,23,.72);font-size:13px}.hero-badges span{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.36);border:1px solid rgba(255,255,255,.38);border-radius:999px;padding:6px 12px}.hero-player{background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.6);backdrop-filter:blur(14px);border-radius:18px;padding:28px 24px;box-shadow:var(--shadow);text-align:center}.player-disc{width:96px;height:96px;border-radius:50%;overflow:hidden;background:var(--primary-soft);display:flex;align-items:center;justify-content:center;animation:spin 6s linear infinite;margin:0 auto 18px}.player-disc img{width:76px;height:76px;border-radius:50%;object-fit:cover}.player-title strong{display:block;color:var(--ink);font-size:18px}.player-title span{color:var(--muted);font-size:13px}@keyframes spin{100%{transform:rotate(360deg)}}.player-timeline{margin:20px 0}.timeline-bar{height:4px;background:var(--line);border-radius:2px;position:relative}.timeline-progress{width:35%;height:100%;background:var(--primary-gradient);border-radius:2px;position:relative}.timeline-dot{position:absolute;right:0;top:50%;transform:translate(50%,-50%);width:14px;height:14px;border-radius:50%;background:var(--primary);border:3px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.15)}.timeline-time{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-top:6px}.player-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.player-meta span{display:flex;align-items:center;gap:4px}.content-wall{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.content-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:all .3s}.content-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.content-card-img{overflow:hidden;height:200px}.content-card-img img{width:100%;height:100%;object-fit:cover}.content-card-body{padding:16px}.content-card-body h3{font-size:16px;color:var(--ink);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:12px}.content-card-body .card-meta{display:flex;align-items:center;justify-content:space-between}.card-hits{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:4px}.feature-ribbon{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.feature-long{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:28px 22px;text-align:center;transition:all .3s;position:relative;overflow:hidden}.feature-long::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-gradient)}.feature-long:hover{transform:translateY(-6px);box-shadow:0 12px 32px rgba(55,71,30,.1)}.feature-long i{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;background:var(--primary-soft);font-size:26px;color:var(--primary-dark);margin:0 auto 16px}.feature-long h3{font-size:17px;color:var(--ink);margin-bottom:8px}.feature-long p{font-size:13px;color:var(--muted);line-height:1.6}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat-box{text-align:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);padding:24px}.stat-box strong{display:block;font-size:30px;color:var(--primary);line-height:1.2}.stat-box span{font-size:14px;color:rgba(238,245,226,.72)}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.review{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px}.review-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}.review-head img{width:42px;height:42px;border-radius:50%}.stars{color:var(--star);font-size:13px}.review p{font-size:14px;color:var(--muted)}.news-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.news-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:block;text-decoration:none;color:inherit;transition:all .3s}.news-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.news-card img{width:100%;height:160px;object-fit:cover}.news-card-body{padding:16px}.news-card-body h3{font-size:16px;color:var(--ink);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:8px}.news-card-body>p{font-size:13px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:12px}@media(max-width:900px){.hero-grid{grid-template-columns:1fr;width:calc(100% - 40px)}.hero{padding:64px 0}.hero h1{font-size:28px}.review-grid,.news-grid{grid-template-columns:1fr 1fr}.stats-strip{grid-template-columns:1fr 1fr}}@media(max-width:560px){.hero h1{font-size:24px}.content-wall,.review-grid,.news-grid,.feature-ribbon,.stats-strip{grid-template-columns:1fr}.feature-long{grid-template-columns:1fr;text-align:center}.feature-long i{margin:0 auto}.hero-player{padding:18px}}