:root {
  color-scheme: dark;
  --bg: #07080b;
  --panel: rgba(17, 19, 25, .78);
  --panel-solid: #111319;
  --line: rgba(255,255,255,.09);
  --muted: #8d929e;
  --text: #f5f5f6;
  --red: #ff3d57;
  --red-soft: rgba(255,61,87,.13);
  --green: #31d0aa;
  --amber: #f3ad45;
  --purple: #8b5cf6;
  --shadow: 0 24px 70px rgba(0,0,0,.42);
  font-family: "DM Sans", sans-serif;
}

#language-switcher { position: fixed; z-index: 10000; right: 18px; bottom: 18px; width: 174px; color: var(--text); font: 600 12px "DM Sans", sans-serif; }
.language-current { width: 100%; height: 42px; padding: 0 12px; border: 1px solid var(--line); border-radius: 10px; color: var(--text); background: rgba(12,14,19,.97); box-shadow: 0 10px 35px rgba(0,0,0,.38); display: flex; align-items: center; gap: 9px; cursor: pointer; }
.language-current b { flex: 1; text-align: left; font-weight: 600; }
.language-current i { color: var(--muted); font-style: normal; font-size: 15px; transition: transform .18s ease; }
.language-menu { position: absolute; right: 0; bottom: 48px; width: 100%; padding: 6px; border: 1px solid var(--line); border-radius: 11px; background: #0c0e13; box-shadow: 0 18px 50px rgba(0,0,0,.55); opacity: 0; visibility: hidden; transform: translateY(8px); transition: .16s ease; }
#language-switcher.open .language-menu { opacity: 1; visibility: visible; transform: translateY(0); }
#language-switcher.open .language-current i { transform: rotate(180deg); }
.language-menu button { width: 100%; border: 0; border-radius: 7px; padding: 9px 10px; color: #b7bbc4; background: transparent; text-align: left; cursor: pointer; font-size: 12px; }
.language-menu button:hover { color: white; background: rgba(255,255,255,.055); }
.language-menu button.active { color: white; background: rgba(255,61,87,.14); box-shadow: inset 2px 0 var(--red); }
* { box-sizing: border-box; }
html { background: var(--bg); }
body { margin: 0; min-height: 100vh; color: var(--text); background: radial-gradient(circle at 76% 12%, rgba(255,61,87,.08), transparent 31%), radial-gradient(circle at 18% 86%, rgba(139,92,246,.06), transparent 28%), var(--bg); }
button, input, select { font: inherit; }
button { color: inherit; }
.noise { position: fixed; inset: 0; pointer-events: none; opacity: .22; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.09'/%3E%3C/svg%3E"); z-index: 20; mix-blend-mode: soft-light; }
a { color: inherit; text-decoration: none; }
.shell { min-height: 100vh; display: grid; grid-template-columns: 250px 1fr; }
.sidebar { position: sticky; top: 0; height: 100vh; padding: 30px 20px 24px; border-right: 1px solid var(--line); background: rgba(8,9,13,.86); backdrop-filter: blur(20px); display: flex; flex-direction: column; z-index: 10; }
.brand { display: flex; gap: 12px; align-items: center; padding: 0 8px 32px; }
.brand-mark { width: 38px; height: 38px; border-radius: 12px; position: relative; background: linear-gradient(145deg, #ff566c, #b90f2d); box-shadow: 0 0 28px rgba(255,61,87,.24); }
.brand-mark::after { content: "N"; position: absolute; inset: 0; display: grid; place-items: center; font: 700 19px/1 "Space Grotesk"; }
.brand-copy strong { font: 600 17px/1 "Space Grotesk"; letter-spacing: -.03em; display: block; }
.brand-copy small { color: #696e78; font-size: 10px; letter-spacing: .18em; text-transform: uppercase; }
.nav-label { color: #555a64; font-size: 10px; letter-spacing: .17em; text-transform: uppercase; margin: 16px 12px 8px; }
.nav-btn { width: 100%; border: 0; background: transparent; padding: 11px 12px; margin: 2px 0; border-radius: 10px; display: flex; align-items: center; gap: 11px; color: #858a95; cursor: pointer; text-align: left; transition: .2s ease; }
.nav-btn:hover { color: #d5d7dc; background: rgba(255,255,255,.035); }
.nav-btn.active { color: white; background: var(--red-soft); }
.nav-btn.active .icon { color: var(--red); }
.icon { width: 19px; height: 19px; display: inline-grid; place-items: center; }
.side-foot { margin-top: auto; }
.user-mini { padding: 13px; border: 1px solid var(--line); border-radius: 13px; display: flex; align-items: center; gap: 10px; background: rgba(255,255,255,.025); }
.avatar { flex: 0 0 auto; width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; color: white; background: linear-gradient(135deg, #303440, #17191f); font-weight: 700; }
.user-mini-text { min-width: 0; flex: 1; }
.user-mini strong, .user-mini small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.user-mini strong { font-size: 13px; }
.user-mini small { color: var(--muted); font-size: 10px; }
.main { min-width: 0; }
.topbar { height: 84px; padding: 0 42px; border-bottom: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; position: sticky; top: 0; background: rgba(7,8,11,.72); backdrop-filter: blur(18px); z-index: 8; }
.top-title h1 { margin: 0; font: 600 18px/1.2 "Space Grotesk"; letter-spacing: -.02em; }
.top-title p { margin: 5px 0 0; color: var(--muted); font-size: 12px; }
.top-actions { display: flex; align-items: center; gap: 10px; }
.status-pill, .chip { display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); font-size: 11px; background: rgba(255,255,255,.025); }
.dot { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 9px var(--green); }
.content { padding: 38px 42px 70px; max-width: 1450px; margin: auto; }
.hero { border: 1px solid var(--line); border-radius: 22px; padding: 34px 36px; overflow: hidden; position: relative; background: linear-gradient(120deg, rgba(255,255,255,.035), rgba(255,61,87,.04)), var(--panel); box-shadow: var(--shadow); }
.hero::before { content: ""; position: absolute; width: 340px; height: 340px; right: -80px; top: -190px; border-radius: 50%; border: 1px solid rgba(255,61,87,.18); box-shadow: 0 0 0 34px rgba(255,61,87,.018), 0 0 0 68px rgba(255,61,87,.012); }
.eyebrow { color: var(--red); font-size: 10px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; }
.hero h2 { max-width: 680px; margin: 11px 0 10px; font: 600 clamp(28px, 4vw, 46px)/1.06 "Space Grotesk"; letter-spacing: -.045em; }
.hero p { max-width: 590px; margin: 0; color: #9ca0a9; line-height: 1.62; font-size: 14px; }
.hero-stats { display: flex; gap: 26px; margin-top: 27px; }
.hero-stat strong { font: 600 18px "Space Grotesk"; display: block; }
.hero-stat span { color: #696e78; font-size: 11px; }
.section-head { display: flex; justify-content: space-between; align-items: end; margin: 38px 0 17px; }
.section-head h2 { margin: 0; font: 600 20px "Space Grotesk"; letter-spacing: -.03em; }
.section-head p { margin: 5px 0 0; color: var(--muted); font-size: 12px; }
.product-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.product-card { position: relative; min-width: 0; padding: 21px; border-radius: 18px; background: var(--panel); border: 1px solid var(--line); transition: transform .2s ease, border-color .2s ease; overflow: hidden; }
.product-card:hover { transform: translateY(-3px); border-color: rgba(255,255,255,.17); }
.product-glow { position: absolute; width: 120px; height: 120px; top: -70px; right: -50px; border-radius: 50%; filter: blur(36px); opacity: .15; }
.product-top { display: flex; align-items: center; gap: 12px; }
.product-logo { width: 43px; height: 43px; border-radius: 12px; display: grid; place-items: center; font: 700 18px "Space Grotesk"; background: rgba(255,255,255,.04); border: 1px solid var(--line); }
.product-title { min-width: 0; }
.product-title h3 { margin: 0; font: 600 16px "Space Grotesk"; }
.product-title span { color: #696e78; font-size: 10px; text-transform: uppercase; letter-spacing: .1em; }
.product-desc { min-height: 58px; color: #898e98; line-height: 1.5; font-size: 12px; margin: 18px 0 15px; }
.license-row { display: flex; gap: 8px; margin: 0 0 17px; }
.license-badge { flex: 1; text-align: center; border: 1px solid var(--line); border-radius: 9px; padding: 8px; color: #5d626c; background: rgba(255,255,255,.02); font-size: 10px; font-weight: 700; letter-spacing: .12em; }
.license-badge.active { color: var(--green); border-color: rgba(49,208,170,.28); background: rgba(49,208,170,.08); box-shadow: inset 0 0 16px rgba(49,208,170,.025); }
.mode-tabs { display: flex; padding: 3px; border-radius: 9px; background: rgba(255,255,255,.035); margin-bottom: 13px; }
.mode-tab { flex: 1; border: 0; padding: 7px; border-radius: 7px; background: transparent; color: #696e78; cursor: pointer; font-size: 11px; font-weight: 700; }
.mode-tab.active { background: #252832; color: white; }
.feature-list { padding: 0; margin: 0 0 18px; list-style: none; min-height: 116px; }
.feature-list li { font-size: 11px; color: #9297a0; padding: 5px 0; }
.feature-list li::before { content: "✓"; color: var(--green); margin-right: 8px; }
.card-buy { display: flex; align-items: center; justify-content: space-between; padding-top: 15px; border-top: 1px solid var(--line); }
.price strong { font: 600 19px "Space Grotesk"; }
.price span { color: #646974; font-size: 10px; }
.btn { border: 1px solid var(--line); border-radius: 10px; padding: 10px 14px; background: rgba(255,255,255,.04); cursor: pointer; font-size: 12px; font-weight: 600; transition: .2s ease; }
.btn:hover { background: rgba(255,255,255,.08); transform: translateY(-1px); }
.btn-primary { background: var(--red); border-color: var(--red); color: white; box-shadow: 0 8px 22px rgba(255,61,87,.17); }
.btn-primary:hover { background: #ff536a; }
.btn-discord { background: #5865f2; border-color: #707cff; color: white; box-shadow: 0 8px 22px rgba(88,101,242,.2); }
.btn-discord:hover { background: #6875ff; }
.discord-actions { display: flex; flex-wrap: wrap; gap: 9px; align-items: center; }
.btn-green { background: rgba(49,208,170,.12); color: var(--green); border-color: rgba(49,208,170,.22); }
.btn-danger { color: #ff7082; border-color: rgba(255,61,87,.2); background: rgba(255,61,87,.07); }
.btn-small { padding: 7px 9px; font-size: 10px; border-radius: 8px; }
.btn:disabled { opacity: .45; cursor: not-allowed; transform: none; }
.btn-suspended { opacity: .48; cursor: not-allowed; color: var(--muted); background: rgba(255,255,255,.035); box-shadow: none; }
.btn-suspended:hover { background: rgba(255,255,255,.035); transform: none; }
.empty { padding: 50px 24px; text-align: center; color: var(--muted); border: 1px dashed var(--line); border-radius: 16px; }
.license-panel { display: grid; grid-template-columns: 1.15fr .85fr; gap: 18px; }
.panel { border: 1px solid var(--line); border-radius: 17px; padding: 22px; background: var(--panel); }
.panel h3 { margin: 0 0 5px; font: 600 16px "Space Grotesk"; }
.panel-sub { color: var(--muted); font-size: 11px; margin: 0 0 18px; }
.input-group { display: flex; gap: 8px; }
.input, .select { width: 100%; border: 1px solid var(--line); border-radius: 10px; padding: 11px 12px; color: white; background: #0c0e13; outline: none; font-size: 12px; }
.input:focus, .select:focus { border-color: rgba(255,61,87,.55); box-shadow: 0 0 0 3px rgba(255,61,87,.08); }
.license-list { display: grid; gap: 10px; }
.license-item { padding: 15px; border: 1px solid rgba(49,208,170,.18); border-radius: 12px; background: rgba(49,208,170,.045); display: flex; justify-content: space-between; align-items: center; }
.license-item strong { font: 600 14px "Space Grotesk"; }
.license-item small { display: block; color: var(--muted); margin-top: 3px; }
.license-mode { color: var(--green); font-size: 11px; font-weight: 700; border: 1px solid rgba(49,208,170,.23); border-radius: 7px; padding: 6px 9px; }
.auth-wrap { min-height: 100vh; display: grid; grid-template-columns: 1.05fr .95fr; }
.auth-art { padding: 48px; display: flex; flex-direction: column; justify-content: space-between; border-right: 1px solid var(--line); position: relative; overflow: hidden; }
.auth-art::after { content: "N"; position: absolute; right: -5vw; bottom: -15vw; color: rgba(255,255,255,.018); font: 700 50vw/1 "Space Grotesk"; }
.auth-message { position: relative; z-index: 2; max-width: 670px; }
.auth-message h1 { margin: 17px 0; font: 600 clamp(42px,6vw,76px)/.98 "Space Grotesk"; letter-spacing: -.06em; }
.auth-message h1 span { color: var(--red); }
.auth-message p { color: #8c919a; max-width: 520px; line-height: 1.7; }
.auth-form-wrap { padding: 40px; display: grid; place-items: center; }
.auth-card { width: min(400px, 100%); }
.auth-card h2 { font: 600 27px "Space Grotesk"; letter-spacing: -.04em; margin: 0 0 7px; }
.auth-card > p { color: var(--muted); font-size: 13px; margin: 0 0 27px; }
.form-field { margin: 13px 0; }
.form-field label { display: block; color: #a5a9b1; font-size: 11px; font-weight: 600; margin: 0 0 7px; }
.auth-card .btn { width: 100%; margin-top: 8px; padding: 12px; }
.auth-switch { color: var(--muted); text-align: center; font-size: 12px; margin-top: 20px; }
.link-btn { color: var(--red); background: none; border: 0; cursor: pointer; padding: 0; }
.demo-note { margin-top: 22px; padding: 12px; border: 1px solid var(--line); border-radius: 10px; color: #737984; font-size: 10px; line-height: 1.55; background: rgba(255,255,255,.02); }
.stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 13px; margin-bottom: 24px; }
.stat-card { padding: 18px; border: 1px solid var(--line); border-radius: 14px; background: var(--panel); }
.stat-card span { color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .1em; }
.stat-card strong { display: block; margin-top: 8px; font: 600 25px "Space Grotesk"; }
.admin-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 16px; align-items: start; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr 90px; gap: 8px; }
.table-wrap { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; font-size: 11px; }
th { color: #666c76; font-weight: 600; text-align: left; padding: 9px 10px; border-bottom: 1px solid var(--line); text-transform: uppercase; letter-spacing: .08em; font-size: 9px; }
td { padding: 11px 10px; border-bottom: 1px solid rgba(255,255,255,.055); color: #a5a9b1; }
td strong { color: #e4e5e8; }
.key { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; color: #d6d8dc; white-space: nowrap; }
.tag { display: inline-flex; border-radius: 999px; padding: 4px 7px; font-size: 9px; font-weight: 700; text-transform: uppercase; }
.tag-unused, .tag-approved, .tag-active { color: var(--green); background: rgba(49,208,170,.1); }
.tag-pending { color: var(--amber); background: rgba(243,173,69,.1); }
.tag-redeemed { color: #9c84ff; background: rgba(139,92,246,.11); }
.tag-revoked, .tag-rejected { color: #ff7082; background: rgba(255,61,87,.1); }
.admin-section { margin-top: 16px; }
.modal-backdrop { position: fixed; inset: 0; background: rgba(0,0,0,.7); backdrop-filter: blur(6px); display: grid; place-items: center; z-index: 50; padding: 20px; }
.modal { width: min(470px, 100%); background: #12141a; border: 1px solid rgba(255,255,255,.12); border-radius: 18px; padding: 24px; box-shadow: var(--shadow); }
.modal h3 { font: 600 19px "Space Grotesk"; margin: 0; }
.modal p { color: var(--muted); font-size: 12px; line-height: 1.5; }
.modal-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 22px; }
.toast-root { position: fixed; top: 18px; right: 18px; z-index: 100; display: grid; gap: 8px; }
.toast { width: min(350px, calc(100vw - 36px)); border: 1px solid var(--line); border-radius: 11px; padding: 12px 14px; color: #dfe1e5; background: rgba(20,22,28,.96); box-shadow: 0 15px 40px rgba(0,0,0,.35); font-size: 12px; animation: toast-in .25s ease; }
.toast.error { border-color: rgba(255,61,87,.28); }
.toast.success { border-color: rgba(49,208,170,.27); }
.mobile-head { display: none; }
@keyframes toast-in { from { opacity: 0; transform: translateY(-8px); } }
@media (max-width: 1050px) { .product-grid { grid-template-columns: 1fr 1fr; } .admin-grid { grid-template-columns: 1fr; } }
@media (max-width: 780px) {
  .shell { display: block; }
  .sidebar { position: fixed; inset: auto 0 0; height: 68px; width: 100%; padding: 8px 12px; border: 1px solid var(--line); border-width: 1px 0 0; flex-direction: row; justify-content: space-around; }
  .brand, .nav-label, .side-foot { display: none; }
  .nav-btn { width: auto; flex-direction: column; gap: 2px; font-size: 9px; padding: 7px 12px; }
  .topbar { height: 70px; padding: 0 18px; }
  .top-title p, .status-pill { display: none; }
  .content { padding: 24px 16px 95px; }
  .hero { padding: 26px 23px; }
  .product-grid, .license-panel { grid-template-columns: 1fr; }
  .stats-grid { grid-template-columns: 1fr 1fr; }
  .auth-wrap { grid-template-columns: 1fr; }
  .auth-art { display: none; }
  .auth-form-wrap { padding: 28px; min-height: 100vh; }
  .form-grid { grid-template-columns: 1fr; }
}
@media (max-width: 470px) { .product-grid { grid-template-columns: 1fr; } .top-actions .btn span { display: none; } .hero-stats { gap: 16px; } }

/* Publiczna strona produktu */
.public-site { min-height: 100vh; }
.public-nav { height: 82px; padding: 0 max(28px, calc((100vw - 1240px)/2)); display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); background: rgba(7,8,11,.82); backdrop-filter: blur(20px); position: sticky; top: 0; z-index: 30; }
.public-nav nav { display: flex; align-items: center; gap: 25px; color: #999da7; font-size: 12px; }
.public-nav nav > a:not(.btn):hover { color: white; }
.public-main { overflow: hidden; }
.public-hero { min-height: 690px; max-width: 1240px; margin: auto; padding: 95px 28px 75px; display: grid; grid-template-columns: 1.02fr .98fr; gap: 70px; align-items: center; }
.public-hero-copy h1 { margin: 15px 0 20px; font: 700 clamp(49px,6.2vw,78px)/.98 "Space Grotesk"; letter-spacing: -.065em; }
.public-hero-copy h1 span { color: var(--red); }
.public-hero-copy > p { max-width: 590px; color: #979ca7; line-height: 1.72; font-size: 15px; }
.public-cta { display: flex; gap: 10px; margin-top: 31px; }
.public-download { padding: 14px 19px; }
.public-meta { margin-top: 48px; display: flex; gap: 28px; color: #646974; font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.public-meta b { color: #c8cbd1; display: block; font: 600 13px "Space Grotesk"; margin-bottom: 4px; }
.launcher-preview { min-height: 390px; border: 1px solid rgba(255,255,255,.13); border-radius: 20px; background: #0d0f14; box-shadow: 0 35px 90px rgba(0,0,0,.55), 0 0 80px rgba(255,61,87,.06); transform: perspective(1000px) rotateY(-5deg) rotateX(2deg); overflow: hidden; }
.preview-top { height: 48px; border-bottom: 1px solid var(--line); display: flex; align-items: center; gap: 6px; padding: 0 17px; color: #767b86; font-size: 9px; letter-spacing: .14em; }
.preview-top span { width: 7px; height: 7px; border-radius: 50%; background: #32353e; }
.preview-top b { margin-left: 10px; }
.preview-body { display: grid; grid-template-columns: 112px 1fr; min-height: 342px; }
.preview-side { border-right: 1px solid var(--line); padding: 35px 18px; }
.preview-side i { display: block; height: 32px; border-radius: 7px; background: rgba(255,255,255,.035); margin-bottom: 10px; }
.preview-side i:first-child { background: var(--red-soft); border-left: 2px solid var(--red); }
.preview-content { padding: 55px 38px; background: radial-gradient(circle at 90% 15%, rgba(255,61,87,.09), transparent 35%); }
.preview-content small { color: var(--red); font-weight: 700; letter-spacing: .16em; }
.preview-content h3 { font: 700 31px "Space Grotesk"; margin: 11px 0 35px; }
.preview-content p { border: 1px solid rgba(49,208,170,.17); background: rgba(49,208,170,.05); border-radius: 10px; color: var(--green); padding: 15px; font-size: 10px; }
.preview-content button { margin-top: 24px; width: 100%; height: 50px; border: 0; border-radius: 9px; background: var(--red); color: white; font-weight: 700; letter-spacing: .13em; }
.public-section { max-width: 1240px; margin: auto; padding: 85px 28px; }
.public-section > .section-head { margin: 0 0 25px; }
.public-section .section-head h2, .how > h2 { font: 600 35px "Space Grotesk"; letter-spacing: -.045em; margin: 7px 0 5px; }
.public-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.public-product { padding: 27px; }
.public-product .product-desc { min-height: 40px; }
.public-product .feature-list { columns: 2; column-gap: 28px; }
.public-product .feature-list li { break-inside: avoid; line-height: 1.45; padding: 6px 0; }
.public-product .btn { display: inline-flex; align-items: center; }
.how { text-align: center; padding-bottom: 110px; }
.steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 38px; text-align: left; }
.steps > div { padding: 24px; border: 1px solid var(--line); border-radius: 15px; background: var(--panel); }
.steps b { color: var(--red); font: 600 12px "Space Grotesk"; }
.steps h3 { font: 600 15px "Space Grotesk"; margin: 29px 0 8px; }
.steps p { color: var(--muted); font-size: 11px; line-height: 1.55; margin: 0; }
.public-site footer { min-height: 110px; border-top: 1px solid var(--line); max-width: 1240px; margin: auto; padding: 30px 28px; display: flex; align-items: center; justify-content: space-between; color: #666b75; font-size: 10px; }
@media (max-width: 900px) { .public-hero { grid-template-columns: 1fr; padding-top: 70px; } .launcher-preview { display: none; } .public-grid { grid-template-columns: 1fr; } .steps { grid-template-columns: 1fr 1fr; } }
@media (max-width: 650px) { .public-nav { padding: 0 17px; } .public-nav nav > a:not(.btn) { display: none; } .public-nav .btn { font-size: 10px; } .public-hero { min-height: auto; padding: 62px 19px; } .public-meta { flex-wrap: wrap; } .public-section { padding: 65px 18px; } .public-product .feature-list { columns: 1; } .steps { grid-template-columns: 1fr; } .public-site footer { gap: 18px; flex-wrap: wrap; } }

/* Konto gracza i statusy licencji */
.brand-flat { padding-left: 0; }
.auth-switch { display: block; width: 100%; margin-top: 12px; border: 0; background: transparent; color: #aeb2bb; text-align: center; font: 600 11px "DM Sans"; cursor: pointer; }
.auth-switch:hover { color: white; }
.account-main { width: min(1240px, calc(100% - 56px)); margin: 0 auto; padding: 70px 0 100px; }
.account-main > .section-head h2 { margin: 7px 0 5px; font: 600 35px "Space Grotesk"; }
.account-main > .section-head p { color: var(--muted); }
.account-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 30px; }
.discord-panel { border-color: rgba(88, 101, 242, .35); }
.discord-code { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 16px 0; padding: 14px 16px; border: 1px solid rgba(88, 101, 242, .45); background: rgba(88, 101, 242, .08); }
.discord-code strong { color: #fff; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .08em; }
.discord-code small { color: var(--muted); }
#redeem-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; }
.key-input { font-family: Consolas, monospace; text-transform: uppercase; }
.full-button { width: 100%; margin-top: 10px; }
.license-admin-row { min-width: 430px; padding: 7px 0; border-bottom: 1px solid rgba(255,255,255,.05); line-height: 1.55; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.license-admin-info { min-width: 0; }
.license-admin-row [data-extend-license] { flex: 0 0 auto; white-space: nowrap; }
.license-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 7px; }
.license-actions .btn { flex: 0 0 auto; white-space: nowrap; }
.account-offers { margin-top: 34px; }
.account-offers .section-head { margin-bottom: 18px; }
.account-product .card-buy button { min-width: 160px; }
.license-admin-row:last-child { border-bottom: 0; }
.no-license { color: var(--muted); padding: 7px 0; }
.grant-license-form { margin-top: 10px; padding: 11px; border: 1px solid rgba(49,208,170,.22); border-radius: 10px; background: rgba(49,208,170,.045); display: grid; grid-template-columns: auto minmax(120px,1fr) 78px 74px auto; align-items: center; gap: 7px; }
.grant-license-form > strong { color: var(--green); font-size: 9px; letter-spacing: .09em; white-space: nowrap; }
.grant-license-form .select, .grant-license-form .input { height: 34px; min-height: 34px; padding: 6px 9px; font-size: 10px; }
.grant-progress { grid-column: 1 / -1; min-height: 14px; color: var(--muted); font-size: 9px; }
.grant-progress.success { color: var(--green); }
.license-source { display: inline-block; margin-top: 3px; color: #aeb4c2; font: 600 9px Consolas, monospace; }
.time-updated { color: var(--green); font-size: 9px; }
.live-client { color: var(--green); font-size: 10px; font-weight: 700; }
.tag-expired { color: #ff7082; background: rgba(255,61,87,.1); }
@media (max-width: 780px) { .account-main { width: min(100% - 32px, 1240px); padding-top: 40px; } .account-grid { grid-template-columns: 1fr; } #redeem-form { grid-template-columns: 1fr; } .public-nav .brand-flat { display: flex; } }