*{box-sizing:border-box;margin:0;padding:0}
:root{--red:#e11d48;--red2:#f43f5e;--bg:#0a0a0f;--card:#121218;--line:#23232e;--txt:#f4f4f5;--mut:#a1a1aa}
body{background:var(--bg);color:var(--txt);font-family:Inter,Segoe UI,Arial,sans-serif;min-height:100vh;position:relative;overflow-x:hidden}
a{color:var(--red2);text-decoration:none}
.bg-grid{position:fixed;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse 90% 70% at 50% 0%,#000 40%,transparent 100%);pointer-events:none}
.bg-glow{position:fixed;top:-220px;left:50%;transform:translateX(-50%);width:900px;height:480px;background:radial-gradient(closest-side,#e11d4855,transparent);filter:blur(40px);pointer-events:none}
.nav{max-width:1200px;margin:0 auto;padding:22px 24px;display:flex;align-items:center;gap:28px}
.logo{font-weight:900;letter-spacing:2px;font-size:20px;color:#fff;display:flex;align-items:center;gap:10px}
.logo-badge{background:var(--red);border-radius:9px;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 24px #e11d48aa}
.links{margin-left:auto;display:flex;gap:26px}
.links a{color:var(--mut);font-weight:600}
.links a.active,.links a:hover{color:#fff}
.btn{display:inline-block;background:#1c1c24;border:1px solid var(--line);color:#fff;font-weight:700;padding:10px 22px;border-radius:9px;transition:.2s}
.btn-red{background:linear-gradient(135deg,var(--red),#be123c);border:none;box-shadow:0 4px 26px #e11d4866}
.btn-red:hover{transform:translateY(-2px);box-shadow:0 8px 34px #e11d48aa}
.btn-ghost{border:1px solid var(--line);background:#14141c}
.btn.big{padding:15px 32px;font-size:17px;border-radius:12px}
.wrap{max-width:1200px;margin:0 auto;padding:40px 24px 60px;position:relative}
.narrow{max-width:800px}
.hero{padding:70px 0 40px}
.kicker{color:var(--red2);font-weight:800;letter-spacing:2px;font-size:13px;margin-bottom:18px}
h1{font-size:clamp(44px,8vw,92px);font-weight:900;line-height:.95;letter-spacing:-2px}
h1.big-title{font-size:clamp(38px,6vw,72px)}
.red{color:var(--red2);text-shadow:0 0 44px #e11d4888}
.sub{color:var(--mut);font-size:18px;line-height:1.6;max-width:640px;margin:22px 0 30px}
.cta{display:flex;gap:14px;flex-wrap:wrap}
.chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.chips span{background:#15151d;border:1px solid var(--line);border-radius:99px;padding:8px 16px;font-size:14px;color:var(--mut)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:30px 0}
.card{background:linear-gradient(180deg,#14141b,#0f0f15);border:1px solid var(--line);border-radius:18px;padding:30px;transition:.2s}
.card:hover{border-color:#e11d4866;transform:translateY(-3px)}
.card h3{font-size:22px;margin:12px 0 8px}
.card p{color:var(--mut);line-height:1.6}
.card hr{border:none;border-top:1px solid var(--line);margin:18px 0}
.ico{font-size:34px}
.banner{margin:30px 0;background:linear-gradient(135deg,#1a0a10,#2a0d16);border:1px solid #e11d4844;border-radius:20px;padding:36px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.banner h2{font-size:30px;margin-bottom:8px}
.banner p{color:var(--mut)}
.member .mhead{display:flex;gap:16px;align-items:center}
.avatar{width:64px;height:64px;border-radius:16px;flex:none;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:900;color:#fff;background:linear-gradient(135deg,#e11d48,#7f1d1d);position:relative;overflow:hidden}
.avatar.gold{background:linear-gradient(135deg,#f59e0b,#92400e)}
.avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.avatar::after{content:attr(data-initial)}
.avatar:has(img)::after{display:none}
.role{color:var(--red2);font-size:12px;font-weight:800;letter-spacing:1.5px;margin-top:4px}
.role.gold-t{color:#fbbf24}
.mtags{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.mtags span{background:#1b1b24;border:1px solid var(--line);border-radius:8px;padding:6px 12px;font-size:13px;color:var(--mut)}
.donate-card{text-align:center}
.donate-card .btn{margin:20px 0 10px}
.mini{color:var(--mut);font-size:14px}
footer{color:var(--mut);padding:34px 0 10px;font-size:14px}
@media(max-width:800px){.grid3,.grid2{grid-template-columns:1fr}.links{display:none}h1{letter-spacing:-1px}}