Blog

.tgma-codes-article{width:min(1320px,calc(100% - 56px));margin:0 auto;padding:86px 0 70px;color:#fff;font-family:inherit}.tgma-codes-hero{display:grid;grid-template-columns:minmax(440px,.9fr) minmax(440px,1.1fr);align-items:center;gap:clamp(56px,7vw,120px);padding:16px 0 36px}.tgma-codes-hero>div{max-width:560px}.tgma-seo-eyebrow{color:#9b66ff;text-transform:uppercase;font-weight:800;letter-spacing:.18em;font-size:12px;margin-bottom:16px}.tgma-codes-hero h1{margin:0 0 22px;font-size:clamp(42px,4.9vw,68px);line-height:1.08;text-transform:uppercase;font-weight:900;letter-spacing:0}.tgma-codes-hero h1 span{display:block}.tgma-codes-hero p{font-size:17px;line-height:1.72;color:#efe8f7;max-width:440px}.tgma-codes-hero figure{margin:0;justify-self:stretch;border:1px solid rgba(145,94,255,.42);box-shadow:0 28px 90px rgba(127,75,255,.16);background:#120719}.tgma-codes-hero img{display:block;width:100%;height:auto}.tgma-codes-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.tgma-codes-button,.tgma-codes-tab{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border:1px solid rgba(170,125,255,.58);color:#fff;text-transform:uppercase;font-size:13px;font-weight:900;letter-spacing:.04em;text-decoration:none;background:rgba(21,8,32,.72)}.tgma-codes-button:first-child,.tgma-codes-tab:first-child{background:#8d63f4;border-color:#8d63f4}.tgma-codes-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:34px 0 24px}.tgma-code-panel{border:1px solid rgba(164,114,255,.55);background:rgba(12,4,18,.66);padding:30px;margin:0 0 34px}.tgma-code-panel--inactive{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.045)}.tgma-code-panel h2{margin:0 0 10px;text-transform:uppercase;font-size:clamp(26px,3vw,40px);line-height:1.15}.tgma-code-panel p{color:#d9cdeb;line-height:1.7}.tgma-code-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:14px;margin-top:18px}.tgma-code-card{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.045);padding:18px;min-height:148px;display:flex;flex-direction:column;gap:10px}.tgma-code-card h3{margin:0;color:#fff;font-size:22px;letter-spacing:.02em;word-break:break-word}.tgma-code-meta{font-size:13px;color:#cbb9df;line-height:1.55}.tgma-code-status{display:inline-flex;width:max-content;max-width:100%;padding:5px 8px;border:1px solid