.tegla-dashboard{background:#030303;color:#fff;padding:42px 24px;border-radius:24px;font-family:Inter,Arial,sans-serif}
.tegla-hero{max-width:1100px;margin:0 auto 36px;text-align:center;padding:34px 24px;border:1px solid rgba(212,175,55,.35);border-radius:26px;background:radial-gradient(circle at top left,rgba(212,175,55,.16),transparent 35%),linear-gradient(135deg,#15120a,#050505 65%);box-shadow:0 0 40px rgba(212,175,55,.08)}
.tegla-kicker{color:#f2d977;font-weight:900;letter-spacing:.16em;font-size:14px;margin-bottom:14px}
.tegla-hero h1{font-size:clamp(32px,5vw,64px);line-height:1.02;margin:0 0 16px;color:#fff;font-weight:900;letter-spacing:-.04em}
.tegla-hero p{margin:0;color:#ddd;font-size:18px;font-weight:700}
.tegla-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;max-width:1500px;margin:0 auto}
.tegla-card{min-height:135px;border:1px solid rgba(212,175,55,.35);border-radius:22px;background:linear-gradient(145deg,#101010,#050505);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),0 14px 36px rgba(0,0,0,.35)}
.tegla-number{font-size:42px;line-height:1;color:#fff;font-weight:900;letter-spacing:-.04em;margin-bottom:16px;display:flex;align-items:center;gap:16px}
.tegla-icon{font-size:42px;filter:drop-shadow(0 0 8px rgba(212,175,55,.12))}
.tegla-label{font-size:17px;color:#f2d977;font-weight:900}
@media(max-width:1100px){.tegla-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.tegla-dashboard{padding:24px 12px}.tegla-grid{grid-template-columns:1fr;gap:14px}.tegla-card{min-height:120px}.tegla-number{font-size:34px}.tegla-icon{font-size:34px}}