:root{--tc-bg:#f5f7fa;--tc-card:#fff;--tc-border:#e6ebf0;--tc-text:#0f172a;--tc-muted:#64748b;--tc-primary:#2563eb;--tc-primary-soft:#eff6ff;--tc-shadow:0 16px 40px rgba(15,23,42,.08);--tc-shadow2:0 10px 26px rgba(15,23,42,.06);--tc-radius:18px}
.tc-services-page{background:radial-gradient(1200px 420px at 20% 0%,#eef2ff 0%,rgba(238,242,255,0) 55%),radial-gradient(1200px 420px at 80% 0%,#ecfeff 0%,rgba(236,254,255,0) 55%),var(--tc-bg);padding:32px 14px 60px}
.tc-services-wrap{max-width:1200px;margin:0 auto}.tc-services-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(37,99,235,.10) 0%,rgba(34,211,238,.10) 60%,#fff 100%),var(--tc-card);border:1px solid var(--tc-border);border-radius:22px;padding:26px 22px;box-shadow:var(--tc-shadow2)}
.tc-services-hero:before{content:"";position:absolute;inset:-2px;background:radial-gradient(600px 220px at 25% 20%,rgba(37,99,235,.15),transparent 60%),radial-gradient(600px 220px at 80% 10%,rgba(34,211,238,.14),transparent 55%);pointer-events:none}.tc-services-hero h1{position:relative;margin:0 0 10px;font-size:30px;line-height:1.15;letter-spacing:-.02em;color:#0b1220;font-weight:1000}.tc-services-hero p{position:relative;margin:0;color:#334155;font-weight:700;font-size:14px;max-width:760px}.tc-hero-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:14px}.tc-hero-chip{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--tc-border);padding:10px 12px;border-radius:999px;font-weight:900;color:#0f172a;box-shadow:0 8px 18px rgba(15,23,42,.05);font-size:13px}.tc-hero-chip span{color:var(--tc-muted);font-weight:800}
.tc-services-grid{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tc-service-card{background:var(--tc-card);border:1px solid var(--tc-border);border-radius:var(--tc-radius);padding:16px;box-shadow:var(--tc-shadow2);display:flex;flex-direction:column;min-height:210px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;position:relative;overflow:hidden}.tc-service-card:hover{transform:translateY(-2px);box-shadow:var(--tc-shadow);border-color:#d8e0ea}.tc-service-card.tc-featured{border-color:rgba(37,99,235,.35);box-shadow:0 20px 55px rgba(37,99,235,.10),var(--tc-shadow2)}.tc-service-card.tc-featured:hover{box-shadow:0 26px 70px rgba(37,99,235,.14),var(--tc-shadow)}
.tc-service-top{display:flex;align-items:center;gap:12px}.tc-service-ico{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border:1px solid var(--tc-border);font-size:22px;flex:0 0 auto}.tc-service-title{margin:0;font-size:18px;font-weight:1000;color:var(--tc-text);letter-spacing:-.01em}.tc-service-sub{font-size:12px;font-weight:900;color:var(--tc-muted);margin-top:2px}.tc-service-body{margin-top:12px;color:#334155;font-weight:700;font-size:13px;line-height:1.5;flex:1}.tc-badge{position:absolute;top:14px;right:14px;font-size:11px;font-weight:1000;padding:7px 10px;border-radius:999px;border:1px solid var(--tc-border);background:#fff;color:#0f172a;box-shadow:0 8px 18px rgba(15,23,42,.05);display:inline-flex;align-items:center;gap:6px}.tc-badge.tc-live{border-color:rgba(37,99,235,.25);background:var(--tc-primary-soft);color:#1d4ed8}.tc-badge.tc-soon{background:#f8fafc;color:#475569}
.tc-service-link{margin-top:14px;width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;border-radius:14px;border:1px solid var(--tc-border);background:#f8fafc;font-weight:1000;cursor:pointer;text-decoration:none;color:var(--tc-text);transition:.18s ease;user-select:none}.tc-service-link:hover{background:#fff;border-color:#d4dbe3}.tc-service-link.tc-primary{background:var(--tc-primary);border-color:rgba(37,99,235,.55);color:#fff;box-shadow:0 14px 30px rgba(37,99,235,.18)}.tc-service-link.tc-primary:hover{filter:brightness(.98);transform:translateY(-1px)}.tc-toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#0b1220;color:#fff;padding:12px 18px;border-radius:14px;font-weight:900;font-size:14px;box-shadow:0 10px 30px rgba(0,0,0,.25);z-index:9999;opacity:0;transition:.25s;pointer-events:none}.tc-toast.tc-show{opacity:1}
@media(max-width:900px){.tc-services-grid{grid-template-columns:repeat(2,1fr)}.tc-services-hero h1{font-size:28px}}@media(max-width:640px){.tc-services-grid{grid-template-columns:1fr}.tc-services-hero{padding:22px 16px}.tc-services-hero h1{font-size:26px}.tc-hero-chip{width:100%;justify-content:center}}