.wc-hub{ max-width:1120px; margin:0 auto; padding:0 12px 34px; font-family:Arial,Helvetica,sans-serif; color:#111827; background:#f3f6fb; line-height:1.6; } .wc-hub *{box-sizing:border-box} .wc-hero{ position:relative; overflow:hidden; border-radius:26px; padding:28px 18px; margin:12px 0 18px; color:#fff; background:linear-gradient(135deg,#06111f 0%,#113b2e 48%,#b91c1c 100%); } .wc-hero:before{ content:""; position:absolute; inset:0; background:radial-gradient(circle at 82% 10%,rgba(255,255,255,.25),transparent 30%); pointer-events:none; } .wc-hero-inner{position:relative;z-index:1} .wc-eyebrow{ display:inline-block; padding:6px 12px; border-radius:999px; border:1px solid rgba(255,255,255,.28); background:rgba(255,255,255,.13); font-size:13px; font-weight:700; margin-bottom:12px; } .wc-hero h1{ color:#fff; font-size:34px; line-height:1.15; margin:0 0 12px; } .wc-hero p{ margin:0 0 14px; color:#f8fafc; font-size:16px; } .wc-placeholder{ border:2px dashed rgba(255,255,255,.55); background:rgba(255,255,255,.1); color:#fff; border-radius:18px; padding:22px 14px; text-align:center; font-weight:700; margin:16px 0; } .wc-placeholder.dark{ color:#0f172a; border-color:#94a3b8; background:#f8fafc; } .wc-btn-row{ display:flex; flex-wrap:wrap; gap:10px; margin-top:16px; } .wc-btn{ display:inline-block; padding:12px 16px; border-radius:999px; background:#facc15; color:#111827!important; text-decoration:none!important; font-weight:800; } .wc-btn.secondary{ background:#fff; color:#0f172a!important; } .wc-btn.red{ background:#e11d48; color:#fff!important; } .wc-chip-row{ display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; } .wc-chip{ display:inline-block; padding:6px 10px; border-radius:999px; background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.22); font-size:13px; font-weight:700; } .wc-card{ background:#fff; border-radius:22px; padding:18px; margin:14px 0; box-shadow:0 8px 28px rgba(15,23,42,.08); } .wc-card h2{ font-size:25px; line-height:1.25; margin:0 0 10px; color:#0f172a; } .wc-card h3{ font-size:20px; line-height:1.3; margin:0 0 8px; color:#0f172a; } .wc-section-title{ display:flex; align-items:center; gap:8px; margin:2px 0 14px; } .wc-section-title span{ display:inline-block; width:10px; height:28px; border-radius:999px; background:#e11d48; } .wc-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; } .wc-grid.two{ grid-template-columns:repeat(2,1fr); } .wc-link-card{ display:block; text-decoration:none!important; color:#111827!important; background:#f8fafc; border:1px solid #e5e7eb; border-radius:18px; padding:15px; min-height:112px; } .wc-link-card strong{ display:block; font-size:17px; margin-bottom:5px; color:#0f172a; } .wc-link-card em{ display:inline-block; margin-top:8px; font-style:normal; color:#e11d48; font-weight:800; } .wc-note{ background:#fff7ed; border-left:5px solid #f97316; border-radius:14px; padding:14px; margin:12px 0; } .wc-news-list{ display:grid; grid-template-columns:1.2fr 1fr; gap:12px; } .wc-feature{ background:#0f172a; color:#fff; border-radius:20px; padding:18px; min-height:260px; } .wc-feature h3{color:#fff;font-size:24px} .wc-feature p{color:#e5e7eb} .wc-mini-list{ display:grid; gap:12px; } .wc-mini-item{ display:block; padding:14px; border-radius:16px; border:1px solid #e5e7eb; background:#fff; color:#111827!important; text-decoration:none!important; } .wc-mini-item strong{ display:block; color:#0f172a; font-size:16px; } .wc-promo{ border-radius:22px; padding:18px; margin:14px 0; background:linear-gradient(135deg,#111827,#1e293b); color:#fff; } .wc-promo h3{color:#fff} .wc-promo p{color:#f8fafc} .wc-promo a{ display:inline-block; margin-top:8px; padding:10px 14px; border-radius:999px; background:#facc15; color:#111827!important; text-decoration:none!important; font-weight:800; } .wc-form{ background:#ecfeff; border:1px solid #a5f3fc; border-radius:20px; padding:18px; } .wc-form input,.wc-form select,.wc-form textarea{ width:100%; padding:12px; border:1px solid #cbd5e1; border-radius:12px; margin:6px 0 12px; font-size:15px; background:#fff; } .wc-form button{ width:100%; border:0; border-radius:999px; padding:14px; background:#e11d48; color:#fff; font-weight:800; font-size:16px; } .wc-timeline{ display:grid; gap:10px; } .wc-time-item{ display:grid; grid-template-columns:120px 1fr; gap:12px; align-items:start; padding:14px; border:1px solid #e5e7eb; border-radius:16px; background:#f8fafc; } .wc-time-item b{ color:#e11d48; } .wc-faq details{ background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:12px; margin:10px 0; } .wc-faq summary{ font-weight:800; cursor:pointer; } .wc-sticky{ position:sticky; bottom:10px; z-index:20; display:flex; gap:8px; background:#111827; border-radius:999px; padding:10px; box-shadow:0 12px 30px rgba(0,0,0,.22); } .wc-sticky a{ flex:1; text-align:center; color:#111827!important; background:#facc15; padding:10px; border-radius:999px; text-decoration:none!important; font-weight:800; font-size:13px; } @media(max-width:820px){ .wc-grid,.wc-grid.two,.wc-news-list{ grid-template-columns:1fr; } .wc-hero h1{font-size:29px} .wc-card{padding:15px;border-radius:18px} .wc-card h2{font-size:22px} .wc-time-item{grid-template-columns:1fr} } ">