:root{color-scheme:dark;--bg:#08070d;--panel:#12101a;--border:rgba(176,127,255,.15);--purple:#9254ff;--light:#bd91ff;--text:#f8f6ff;--muted:#a59dad;--green:#50e3a4;--red:#ff7285;font-family:Inter,system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at 73% 12%,rgba(105,31,220,.16),transparent 28%),radial-gradient(circle at 18% 76%,rgba(76,27,150,.12),transparent 31%),var(--bg)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.17;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(#000,transparent 85%)}
a{text-decoration:none;color:inherit}img{display:block;max-width:100%}
.site-header{position:sticky;z-index:50;top:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:78px;padding:0 clamp(20px,4vw,64px);border-bottom:1px solid var(--border);background:rgba(8,7,13,.75);backdrop-filter:blur(22px)}
.site-brand{display:inline-flex;align-items:center;gap:11px;width:max-content;font-size:1.12rem;font-weight:900;letter-spacing:.16em}.site-brand img{width:28px;height:28px;object-fit:contain}
.brand-mark-wrap{display:grid;place-items:center;width:39px;height:39px;border:1px solid rgba(151,82,255,.35);border-radius:12px;background:rgba(138,79,255,.11)}
.desktop-nav{display:flex;gap:34px;color:#c4bdce;font-size:.92rem;font-weight:700}.desktop-nav a:hover{color:#fff}.header-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px}.header-user{color:#d8d0e1;font-weight:700}
.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:12px;font-weight:850;transition:.2s}.button:hover{transform:translateY(-2px)}.button.primary{background:linear-gradient(135deg,#7134df,#a652ff);box-shadow:0 12px 35px rgba(130,57,255,.28);color:#fff}.button.ghost{border-color:var(--border);background:rgba(255,255,255,.035)}.button.compact{padding:10px 16px;font-size:.88rem}.button.large{padding:15px 22px;min-height:52px}.button.disabled{opacity:.45;background:#25212c;cursor:not-allowed}.button.disabled:hover{transform:none}
.hero{position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:730px;max-width:1440px;margin:auto;padding:70px clamp(26px,6vw,100px) 55px;overflow:hidden}.hero-copy{z-index:3;max-width:720px}
.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(151,82,255,.35);border-radius:999px;background:rgba(111,52,210,.1);color:var(--light);font-size:.76rem;font-weight:900;letter-spacing:.15em}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--light);box-shadow:0 0 15px var(--purple);animation:pulse 2s infinite}
.hero h1{margin:24px 0 22px;font-size:clamp(3.3rem,6.7vw,6.25rem);line-height:.97;letter-spacing:-.065em}.hero h1 em,.section-title h2 em{font-style:normal;color:var(--light);text-shadow:0 0 42px rgba(138,79,255,.24)}
.hero-copy>p{max-width:620px;color:#b6aebe;font-size:1.12rem;line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:31px}.trust{display:flex;gap:38px;margin-top:40px}.trust div{display:grid}.trust strong{font-size:1.22rem}.trust span{color:#837a8e;font-size:.82rem}
.hero-art{position:relative;display:grid;place-items:center;min-height:540px}.logo-core{z-index:5;display:grid;place-items:center;width:245px;height:245px;border:1px solid rgba(190,145,255,.33);border-radius:42%;background:radial-gradient(circle at 35% 30%,rgba(185,136,255,.28),transparent 35%),linear-gradient(145deg,rgba(99,40,202,.3),rgba(13,9,22,.96));box-shadow:0 0 80px rgba(120,45,255,.3),inset 0 0 55px rgba(169,102,255,.13);animation:float 5s ease-in-out infinite}.logo-core img{width:65%;filter:drop-shadow(0 12px 28px rgba(121,48,255,.5))}
.orbit{position:absolute;border:1px solid rgba(146,81,255,.34);border-radius:50%}.orbit-a{width:420px;height:250px;transform:rotate(-18deg);animation:spin 14s linear infinite}.orbit-b{width:450px;height:170px;transform:rotate(22deg);opacity:.55;animation:spin2 17s linear infinite}.orbit-c{width:330px;height:330px;opacity:.5}.particle{position:absolute;width:9px;height:9px;border-radius:50%;background:#c18cff;box-shadow:0 0 22px #9d4eff}.p1{top:20%;left:14%}.p2{right:8%;top:48%}.p3{bottom:20%;left:30%}.platform{position:absolute;bottom:48px;width:285px;height:44px;border-radius:50%;background:linear-gradient(#6330a9,#191021);box-shadow:0 18px 42px #000,0 0 45px rgba(128,51,255,.3)}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1300px;margin:-18px auto 0;padding:0 28px}.metrics article{display:flex;align-items:center;gap:15px;min-height:105px;padding:20px;border:1px solid var(--border);border-radius:17px;background:linear-gradient(145deg,rgba(21,16,31,.94),rgba(12,10,18,.93));box-shadow:0 24px 80px rgba(0,0,0,.38)}.metrics b{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:rgba(129,62,236,.13);color:var(--light);font-size:1.3rem}.metrics strong,.metrics span{display:block}.metrics span{margin-top:4px;color:#8f8799;font-size:.85rem}
.section{max-width:1300px;margin:auto;padding:130px 28px 90px}.section-title{max-width:770px;margin-bottom:48px}.section-title>span,.security>div>span,.dashboard-title>div>span{color:var(--light);font-size:.76rem;font-weight:900;letter-spacing:.15em}.section-title h2,.security h2,.cta h2{margin:14px 0 18px;font-size:clamp(2.35rem,5vw,4.8rem);line-height:1.02;letter-spacing:-.05em}.section-title p,.security p,.cta p{color:var(--muted);line-height:1.75;font-size:1.05rem}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-card{min-height:260px;padding:25px;border:1px solid var(--border);border-radius:19px;background:radial-gradient(circle at top right,rgba(122,53,230,.08),transparent 40%),linear-gradient(145deg,#14101d,#0c0a11);transition:.25s}.feature-card:hover{transform:translateY(-5px);border-color:rgba(151,82,255,.35)}.feature-card.featured{grid-column:span 2;grid-row:span 2;min-height:536px}.feature-card>b,.feature-head>b{display:grid;place-items:center;width:49px;height:49px;border:1px solid rgba(151,82,255,.35);border-radius:14px;background:rgba(129,62,236,.12);font-size:1.35rem}.feature-head{display:flex;justify-content:space-between;align-items:center}.feature-head span{padding:7px 10px;border:1px solid rgba(80,227,164,.2);border-radius:999px;color:var(--green);background:rgba(80,227,164,.07);font-size:.75rem;font-weight:800}.feature-card h3{margin:22px 0 10px;font-size:1.35rem}.feature-card p{color:#9991a3;line-height:1.65}.console{display:grid;grid-template-columns:1fr auto;gap:12px 24px;margin-top:36px;padding:20px;border:1px solid rgba(255,255,255,.05);border-radius:15px;background:rgba(6,5,10,.65)}.console span{color:#b9b1c3}.console span:first-letter{color:var(--green)}.console b{color:var(--green);font-size:.75rem}
.security{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;max-width:1245px;margin:30px auto 110px;padding:clamp(30px,6vw,70px);border:1px solid rgba(151,82,255,.32);border-radius:25px;background:radial-gradient(circle at 85% 30%,rgba(130,58,242,.17),transparent 34%),linear-gradient(145deg,#14101d,#0c0a11)}.security-list{display:grid;gap:14px}.security-list span{padding:16px 18px;border:1px solid var(--border);border-radius:13px;color:#d8d1e0;background:rgba(255,255,255,.025)}
.cta{max-width:960px;margin:auto;padding:70px 28px 120px;text-align:center}.cta img{width:68px;height:68px;object-fit:contain;margin:auto;filter:drop-shadow(0 0 24px rgba(138,79,255,.42))}.cta .button{margin-top:20px}
.simple-footer{display:flex;justify-content:space-between;align-items:center;max-width:1300px;margin:auto;padding:28px;border-top:1px solid var(--border);color:#817988;font-size:.85rem}
.dashboard-shell{max-width:1320px;margin:auto;padding:66px 28px 90px}.dashboard-title{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:38px}.dashboard-title h1{margin:10px 0 8px;font-size:clamp(2.5rem,5vw,4rem);letter-spacing:-.05em}.dashboard-title p{margin:0;color:var(--muted)}.user-chip{display:flex;align-items:center;gap:12px;padding:11px 15px;border:1px solid var(--border);border-radius:15px;background:rgba(18,14,27,.85)}.user-chip>b{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:linear-gradient(135deg,#7137db,#a25fff)}.user-chip strong,.user-chip small{display:block}.user-chip small{margin-top:3px;color:#877f90}
.server-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:18px}.server-card{position:relative;min-height:275px;padding:24px;border:1px solid var(--border);border-radius:19px;background:linear-gradient(145deg,#14101d,#0b0910);transition:.23s}.server-card:hover{transform:translateY(-5px);border-color:rgba(151,82,255,.35)}.server-top{display:flex;justify-content:space-between}.server-top img,.fallback{width:69px;height:69px;border-radius:20px;object-fit:cover}.fallback{display:grid;place-items:center;background:linear-gradient(135deg,#6d31da,#9e57fb);font-weight:900}.server-top i{width:10px;height:10px;margin-top:5px;border-radius:50%}.online{background:var(--green);box-shadow:0 0 14px rgba(80,227,164,.65)}.offline{background:var(--red)}.server-card h2{min-height:54px;margin:22px 0 8px;font-size:1.18rem}.server-card .active{color:var(--green)}.server-card .inactive{color:var(--red)}.server-button{position:absolute;left:24px;right:24px;bottom:23px;min-height:43px}
.topbar{min-height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--border);background:rgba(8,7,13,.86)}.brand-small{font-weight:900;letter-spacing:.15em}.link{margin-left:18px;color:var(--light)}.layout{display:grid;grid-template-columns:270px 1fr;min-height:calc(100vh - 72px)}.sidebar{padding:28px 20px;border-right:1px solid var(--border);background:rgba(9,7,14,.67)}.sidebar a{display:block;padding:11px 12px;margin:4px 0;border-radius:10px;color:#c8c1d5}.sidebar a:hover,.sidebar a.active{color:#fff;background:rgba(125,57,234,.18)}.content{padding:42px}.panel{padding:24px;border:1px solid var(--border);border-radius:18px;background:rgba(18,14,27,.85)}
.selected-server{display:flex;gap:12px;align-items:center;margin-bottom:26px;padding:12px;border:1px solid var(--border);border-radius:14px;background:rgba(18,14,27,.85)}.selected-server-icon{width:46px;height:46px;border-radius:14px;object-fit:cover}.selected-server small,.selected-server strong{display:block}.selected-server small{color:#8f879d}.server-hero{min-height:230px;display:flex;align-items:flex-end;padding:34px;border:1px solid var(--border);border-radius:22px;background-color:#191225;background-size:cover;background-position:center}.server-hero h1{margin:12px 0 8px;font-size:clamp(2rem,5vw,3.8rem)}.online-pill{display:inline-block;padding:7px 11px;border:1px solid rgba(80,227,164,.25);border-radius:999px;color:var(--green);background:rgba(80,227,164,.07);font-weight:800}.stats-grid{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:14px;margin:20px 0}.stat-card{display:flex;align-items:center;gap:13px;min-height:104px;padding:18px;border:1px solid var(--border);border-radius:17px;background:rgba(18,14,27,.85)}.stat-card strong,.stat-card small{display:block}.stat-card strong{font-size:1.5rem}.stat-card small{color:#9d94aa}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.detail-row{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--border)}.next-step{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.coming-soon{padding:9px 13px;border-radius:999px;background:rgba(129,62,236,.13);color:var(--light)}
@keyframes pulse{50%{transform:scale(1.25);opacity:1}}@keyframes float{50%{transform:translateY(-14px) rotate(-4deg)}}@keyframes spin{to{transform:rotate(342deg)}}@keyframes spin2{to{transform:rotate(-338deg)}}
@media(max-width:1050px){.site-header{grid-template-columns:1fr auto}.desktop-nav{display:none}.hero{grid-template-columns:1fr;text-align:center;padding-top:85px}.hero-copy{margin:auto}.hero-actions,.trust{justify-content:center}.hero-art{min-height:470px}.metrics{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.featured{grid-column:span 2!important}.security{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.site-header{min-height:68px;padding:0 16px}.site-brand>span:last-child,.header-user{display:none}.hero{padding:70px 20px 40px}.hero h1{font-size:clamp(3rem,15vw,4.5rem)}.hero-actions{display:grid}.trust{gap:18px}.hero-art{min-height:390px;transform:scale(.82)}.metrics{grid-template-columns:1fr}.section{padding-top:90px}.feature-grid{grid-template-columns:1fr}.featured{grid-column:auto!important}.security{margin-left:20px;margin-right:20px;padding:30px 22px}.dashboard-title{align-items:flex-start;flex-direction:column}.layout{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border)}.content{padding:22px}.overview-grid,.stats-grid{grid-template-columns:1fr}.next-step{align-items:flex-start;flex-direction:column}}


.settings-sidebar {
  padding: 38px 24px;
  border-right: 1px solid var(--border);
  background: rgba(9, 7, 14, .72);
}

.settings-sidebar h2 {
  margin: 10px 0 28px;
  font-size: 1.35rem;
}

.settings-sidebar nav {
  display: grid;
  gap: 6px;
}

.settings-sidebar nav a,
.settings-sidebar nav span {
  padding: 12px 13px;
  border-radius: 11px;
  color: #a9a1b3;
}

.settings-sidebar nav a.active {
  color: white;
  background: linear-gradient(
    135deg,
    rgba(113, 52, 223, .38),
    rgba(166, 82, 255, .16)
  );
  border: 1px solid rgba(151, 82, 255, .28);
}

.settings-sidebar nav span {
  opacity: .48;
}

.settings-content {
  width: min(940px, calc(100% - 40px));
  margin: 0 auto;
  padding: 54px 0 90px;
}

.settings-heading h1 {
  margin: 10px 0 8px;
  font-size: clamp(2.4rem, 5vw, 4rem);
  letter-spacing: -.05em;
}

.settings-heading p {
  color: var(--muted);
  max-width: 680px;
}

.settings-form {
  display: grid;
  gap: 18px;
  margin-top: 34px;
}

.settings-card {
  display: flex;
  justify-content: space-between;
  gap: 28px;
  align-items: center;
  padding: 26px;
  border: 1px solid var(--border);
  border-radius: 19px;
  background: linear-gradient(
    145deg,
    rgba(20, 16, 29, .96),
    rgba(11, 9, 16, .96)
  );
}

.settings-card.stacked {
  display: block;
}

.settings-card-row {
  display: flex;
  justify-content: space-between;
  gap: 28px;
  align-items: center;
}

.setting-copy h2 {
  margin: 0 0 8px;
  font-size: 1.25rem;
}

.setting-copy p {
  margin: 0;
  max-width: 650px;
  color: #9f97a8;
  line-height: 1.55;
}

.switch {
  position: relative;
  flex: 0 0 auto;
  width: 54px;
  height: 30px;
}

.switch input {
  position: absolute;
  opacity: 0;
}

.switch span {
  position: absolute;
  inset: 0;
  cursor: pointer;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 999px;
  background: #27222f;
  transition: .2s;
}

.switch span::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #aaa2b3;
  transition: .2s;
}

.switch input:checked + span {
  background: linear-gradient(135deg, #7134df, #a652ff);
  box-shadow: 0 0 22px rgba(146, 84, 255, .28);
}

.switch input:checked + span::after {
  left: 28px;
  background: white;
}

.field-label {
  display: block;
  margin: 24px 0 9px;
  color: #d8d0e1;
  font-weight: 800;
}

textarea,
select {
  width: 100%;
  border: 1px solid var(--border);
  border-radius: 13px;
  padding: 14px 15px;
  color: white;
  background: #0d0a13;
  outline: none;
}

textarea:focus,
select:focus {
  border-color: rgba(151, 82, 255, .55);
  box-shadow: 0 0 0 3px rgba(146, 84, 255, .10);
}

.field-help {
  display: block;
  margin-top: 9px;
  color: #81798b;
}

.field-help code {
  color: var(--light);
}

.settings-actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 8px;
}

.save-alert {
  margin-top: 24px;
  padding: 14px 17px;
  border-radius: 13px;
  font-weight: 750;
}

.save-alert.success {
  border: 1px solid rgba(80, 227, 164, .23);
  color: var(--green);
  background: rgba(80, 227, 164, .07);
}

.save-alert.error {
  border: 1px solid rgba(255, 114, 133, .23);
  color: var(--red);
  background: rgba(255, 114, 133, .07);
}

@media (max-width: 820px) {
  .settings-shell {
    grid-template-columns: 1fr;
  }

  .settings-sidebar {
    border-right: 0;
    border-bottom: 1px solid var(--border);
  }

  .settings-card,
  .settings-card-row {
    align-items: flex-start;
  }
}


.form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 18px 0;
}

.form-grid label,
.settings-card > label,
.module-panel label {
  display: grid;
  gap: 8px;
  color: #d8d0e1;
  font-weight: 750;
}

input,
textarea,
select {
  width: 100%;
  min-height: 46px;
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 12px 14px;
  color: white;
  background: #0d0a13;
  outline: none;
}

input:focus,
textarea:focus,
select:focus {
  border-color: rgba(151, 82, 255, .55);
  box-shadow: 0 0 0 3px rgba(146, 84, 255, .10);
}

.module-list {
  display: grid;
  gap: 10px;
  margin-top: 18px;
}

.list-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  padding: 16px 18px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: rgba(18, 14, 27, .84);
}

.list-item strong,
.list-item small {
  display: block;
}

.list-item small {
  margin-top: 4px;
  color: #8f8799;
}

.danger-button {
  border: 1px solid rgba(255, 114, 133, .25);
  border-radius: 10px;
  padding: 9px 12px;
  color: var(--red);
  background: rgba(255, 114, 133, .07);
  cursor: pointer;
}

.module-note {
  color: var(--light);
  font-weight: 800;
}

.check-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 18px;
}

.check-card {
  display: flex !important;
  align-items: center;
  gap: 10px;
  min-height: 54px;
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 12px;
  background: rgba(255,255,255,.025);
}

.check-card input {
  width: 18px;
  min-height: 18px;
}

.module-panel {
  margin-top: 18px;
}

.settings-sidebar nav a {
  display: block;
}

@media (max-width: 800px) {
  .form-grid,
  .check-grid {
    grid-template-columns: 1fr;
  }

  .list-item {
    align-items: flex-start;
    flex-direction: column;
  }
}


.premium-page,
.admin-premium-shell,
.profile-premium-shell {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
  padding: 70px 0 110px;
}

.premium-hero {
  max-width: 900px;
  margin: 0 auto 50px;
  text-align: center;
}

.premium-badge {
  display: inline-flex;
  padding: 9px 14px;
  border: 1px solid rgba(189, 145, 255, .35);
  border-radius: 999px;
  color: var(--light);
  background: rgba(146, 84, 255, .10);
  font-weight: 900;
  letter-spacing: .12em;
}

.premium-hero h1 {
  margin: 22px 0 16px;
  font-size: clamp(3rem, 7vw, 6rem);
  line-height: .98;
  letter-spacing: -.065em;
}

.premium-hero p {
  max-width: 700px;
  margin: 0 auto;
  color: var(--muted);
  font-size: 1.1rem;
  line-height: 1.7;
}

.pricing-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  max-width: 900px;
  margin: 0 auto 55px;
}

.pricing-card {
  padding: 32px;
  border: 1px solid var(--border);
  border-radius: 22px;
  background: linear-gradient(145deg, #15101f, #0c0a11);
}

.pricing-card.featured-price {
  border-color: rgba(151, 82, 255, .50);
  box-shadow: 0 20px 70px rgba(112, 42, 225, .20);
}

.price-label {
  color: var(--light);
  font-weight: 850;
}

.pricing-card h2 {
  margin: 18px 0 10px;
  font-size: 3rem;
}

.pricing-card h2 small {
  color: var(--muted);
  font-size: 1rem;
}

.pricing-card p {
  min-height: 48px;
  color: var(--muted);
}

.pricing-card .button {
  width: 100%;
  margin-top: 15px;
}

.premium-features {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.premium-features article {
  padding: 24px;
  border: 1px solid var(--border);
  border-radius: 18px;
  background: rgba(18, 14, 27, .86);
}

.premium-features article > span {
  font-size: 1.8rem;
}

.premium-features h3 {
  margin: 16px 0 8px;
}

.premium-features p {
  color: var(--muted);
  line-height: 1.6;
}

.premium-list {
  margin-top: 32px;
}

.premium-lock-card {
  max-width: 760px;
  margin: 38px auto 0;
  padding: 50px;
  border: 1px solid rgba(151, 82, 255, .38);
  border-radius: 24px;
  text-align: center;
  background:
    radial-gradient(circle at 50% 0%, rgba(145, 70, 255, .20), transparent 45%),
    linear-gradient(145deg, #15101f, #0c0a11);
}

.premium-lock-card > span {
  font-size: 3.5rem;
}

.premium-lock-card h2 {
  margin: 18px 0 10px;
  font-size: 2rem;
}

.premium-lock-card p {
  color: var(--muted);
}

.profile-reset-row {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  margin-top: 14px;
  color: #aaa2b3;
}

.profile-reset-row label {
  display: flex;
  align-items: center;
  gap: 8px;
}

.profile-reset-row input {
  width: 18px;
  min-height: 18px;
}

@media (max-width: 850px) {
  .pricing-grid,
  .premium-features {
    grid-template-columns: 1fr;
  }
}


.button.invite-button,
.invite-button {
  color: white;
  border-color: rgba(189, 145, 255, .28);
  background:
    linear-gradient(
      135deg,
      rgba(91, 42, 180, .92),
      rgba(145, 78, 255, .96)
    );
  box-shadow:
    0 10px 28px rgba(124, 57, 225, .22),
    inset 0 1px rgba(255,255,255,.15);
}

.button.invite-button:hover,
.invite-button:hover {
  border-color: rgba(189, 145, 255, .52);
  box-shadow:
    0 15px 38px rgba(124, 57, 225, .35),
    inset 0 1px rgba(255,255,255,.18);
}

.cta-actions {
  justify-content: center;
}

@media (max-width: 720px) {
  .desktop-only {
    display: none !important;
  }
}


.server-icon-wrap {
  position: relative;
  width: 69px;
  height: 69px;
}

.server-icon-wrap > img,
.server-icon-wrap > .fallback {
  width: 69px;
  height: 69px;
}

.premium-star {
  position: absolute;
  right: -8px;
  top: -8px;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border: 1px solid rgba(255, 222, 108, .60);
  border-radius: 50%;
  color: #7c6300;
  background:
    radial-gradient(
      circle at 35% 30%,
      #fff3b8,
      #f6bb2f 55%,
      #a86d00
    );
  box-shadow:
    0 0 0 4px rgba(8, 7, 13, .92),
    0 0 20px rgba(255, 204, 74, .52);
  font-size: .95rem;
  line-height: 1;
  z-index: 4;
}

.server-status-row {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.premium-badge-small {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border: 1px solid rgba(255, 222, 108, .28);
  border-radius: 999px;
  color: #ffe16d;
  background: rgba(255, 205, 69, .08);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .02em;
}


.button.support-button,
.support-button {
  color: #ffffff;
  border-color: rgba(88, 101, 242, .42);
  background:
    linear-gradient(
      135deg,
      rgba(88, 101, 242, .95),
      rgba(112, 75, 215, .95)
    );
  box-shadow:
    0 10px 28px rgba(88, 101, 242, .20),
    inset 0 1px rgba(255,255,255,.14);
}

.button.support-button:hover,
.support-button:hover {
  border-color: rgba(162, 170, 255, .65);
  box-shadow:
    0 14px 38px rgba(88, 101, 242, .32),
    inset 0 1px rgba(255,255,255,.18);
}


.topbar-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

@media (max-width: 820px) {

  .topbar-actions .support-button {
    display: none;
  }
}


/* ===== PERSONNALISATION DES EMBEDS ===== */

.appearance-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
  gap: 24px;
  align-items: start;
}

.appearance-fields {
  display: grid;
  gap: 18px;
}

.color-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.color-input-row {
  display: grid;
  grid-template-columns: 52px 1fr;
  gap: 9px;
  margin-top: 7px;
}

.color-input-row input[type="color"] {
  width: 52px;
  min-height: 46px;
  padding: 4px;
  border-radius: 10px;
  cursor: pointer;
}

.embed-preview-wrap {
  position: sticky;
  top: 24px;
  padding: 22px;
  border: 1px solid var(--border);
  border-radius: 19px;
  background:
    radial-gradient(
      circle at top right,
      rgba(146, 84, 255, .13),
      transparent 42%
    ),
    rgba(14, 11, 21, .96);
}

.discord-message-preview {
  display: flex;
  gap: 12px;
  margin-top: 20px;
  padding: 18px;
  border-radius: 14px;
  background: #313338;
  color: #dbdee1;
}

.preview-bot-avatar {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  color: white;
  background: linear-gradient(135deg, #7134df, #a652ff);
  font-weight: 900;
}

.preview-message-body {
  min-width: 0;
  flex: 1;
}

.preview-message-header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 6px;
}

.preview-message-header strong {
  color: white;
}

.preview-message-header span {
  padding: 2px 5px;
  border-radius: 3px;
  color: white;
  background: #5865f2;
  font-size: .62rem;
  font-weight: 900;
}

.preview-message-header small {
  color: #949ba4;
}

.discord-embed-preview {
  position: relative;
  max-width: 520px;
  overflow: hidden;
  border-radius: 4px;
  background: #2b2d31;
}

.discord-embed-preview::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: var(--embed-color, #9254ff);
}

.preview-embed-content {
  position: relative;
  padding: 14px 16px;
}

.preview-author,
.preview-footer {
  display: flex;
  align-items: center;
  gap: 7px;
}

.preview-author {
  margin-bottom: 9px;
  color: white;
  font-size: .83rem;
  font-weight: 700;
}

.preview-author img,
.preview-footer img {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  object-fit: cover;
}

.discord-embed-preview h3 {
  margin: 0 0 7px;
  color: white;
  font-size: 1rem;
}

.discord-embed-preview p {
  margin: 0;
  color: #dbdee1;
  line-height: 1.45;
  font-size: .88rem;
}

.preview-thumbnail {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 68px;
  height: 68px;
  border-radius: 5px;
  object-fit: cover;
}

.preview-large-image {
  width: 100%;
  max-height: 220px;
  margin-top: 14px;
  border-radius: 5px;
  object-fit: cover;
}

.preview-footer {
  margin-top: 13px;
  color: #b5bac1;
  font-size: .72rem;
}

.timestamp-check {
  margin-top: 10px;
}

.blacklist-item small {
  display: block;
  margin-top: 5px;
}

@media (max-width: 1050px) {
  .appearance-layout {
    grid-template-columns: 1fr;
  }

  .embed-preview-wrap {
    position: static;
  }
}

@media (max-width: 720px) {
  .color-grid {
    grid-template-columns: 1fr;
  }
}


/* ===== SATCO EMBED STUDIO V1.3 ===== */

.embed-studio {
  display: grid;
  gap: 22px;
}

.studio-toolbar {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 22px;
}

.studio-toolbar h2 {
  margin: 10px 0 7px;
  font-size: 1.8rem;
}

.studio-toolbar p {
  margin: 0;
  color: var(--muted);
}

.studio-status {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-width: 145px;
  padding: 10px 14px;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: rgba(18,14,27,.88);
  color: var(--muted);
  font-size: .86rem;
  font-weight: 800;
}

.studio-status i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.studio-status[data-studio-status="saved"] i {
  background: var(--green);
  box-shadow: 0 0 12px rgba(80,227,164,.65);
}

.studio-status[data-studio-status="saving"] i,
.studio-status[data-studio-status="dirty"] i {
  background: #f7c65c;
}

.studio-status[data-studio-status="error"] {
  color: var(--red);
}

.studio-status[data-studio-status="error"] i {
  background: var(--red);
}

.studio-tabs {
  display: flex;
  gap: 9px;
  padding: 8px;
  overflow-x: auto;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: rgba(11,9,16,.82);
}

.studio-tab {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
  padding: 11px 14px;
  border: 1px solid transparent;
  border-radius: 11px;
  color: #b8afc3;
  background: transparent;
  cursor: pointer;
  font: inherit;
  font-weight: 800;
}

.studio-tab:hover,
.studio-tab.active {
  color: white;
  border-color: rgba(151,82,255,.28);
  background: rgba(125,57,234,.18);
}

.studio-template {
  display: none;
  grid-template-columns: minmax(0, 1fr) minmax(340px, 440px);
  gap: 24px;
  align-items: start;
}

.studio-template.active {
  display: grid;
}

.studio-editor {
  min-width: 0;
}

.studio-preview {
  position: sticky;
  top: 20px;
  padding: 22px;
  border: 1px solid var(--border);
  border-radius: 19px;
  background:
    radial-gradient(
      circle at top right,
      rgba(146,84,255,.13),
      transparent 42%
    ),
    rgba(14,11,21,.96);
}

.preview-title {
  display: block;
  margin: 0 0 7px;
  color: #00a8fc;
  font-size: 1rem;
  font-weight: 700;
}

.preview-title:not([href]) {
  color: white;
}

.discord-embed-preview.preview-disabled {
  opacity: .42;
  filter: grayscale(.6);
}

.discord-embed-preview [hidden] {
  display: none !important;
}

.discord-embed-preview [data-preview-description] {
  white-space: pre-wrap;
}

@media (max-width: 1100px) {
  .studio-template.active {
    grid-template-columns: 1fr;
  }

  .studio-preview {
    position: static;
  }
}

@media (max-width: 720px) {
  .studio-toolbar {
    align-items: flex-start;
    flex-direction: column;
  }

  .studio-status {
    width: 100%;
  }
}

.legal-page{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:70px 0 100px}
.legal-hero{max-width:850px;margin-bottom:38px}.legal-hero h1{margin:12px 0;font-size:clamp(3rem,7vw,5.4rem);line-height:.98;letter-spacing:-.055em}.legal-hero p{color:var(--muted);font-size:1.08rem;line-height:1.7}.legal-hero small{color:#817889}
.legal-content section{margin-bottom:18px;padding:28px;border:1px solid var(--border);border-radius:18px;background:rgba(15,12,22,.88)}.legal-content h2{margin:0 0 14px}.legal-content p,.legal-content li{color:#b8afc2;line-height:1.75}.legal-content a{color:var(--light);text-decoration:underline;text-underline-offset:3px}.legal-content ul{padding-left:22px}
.legal-warning,.legal-note{margin:18px 0;padding:16px 18px;border-radius:13px;line-height:1.6}.legal-warning{border:1px solid rgba(255,193,84,.28);color:#f7cd82;background:rgba(255,193,84,.07)}.legal-note{border:1px solid rgba(146,84,255,.24);color:#c8b6e2;background:rgba(146,84,255,.08)}.legal-warning code{padding:2px 6px;border:1px solid var(--border);border-radius:6px;color:var(--light);background:rgba(146,84,255,.09)}
.legal-details{display:grid;gap:1px;overflow:hidden;border:1px solid var(--border);border-radius:13px;background:var(--border)}.legal-details>div{display:grid;grid-template-columns:190px 1fr;gap:20px;padding:13px 15px;background:#100d17}.legal-details dt{color:#8f8799;font-weight:700}.legal-details dd{margin:0;overflow-wrap:anywhere}
.legal-footer{position:relative;z-index:2;border-top:1px solid var(--border);background:rgba(8,7,13,.85)}.legal-footer-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;width:min(1320px,calc(100% - 40px));min-height:92px;margin:0 auto}.legal-footer-brand{display:inline-flex;align-items:center;gap:9px}.legal-footer-brand img{width:27px;height:27px}.legal-footer nav{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;color:#a89fae;font-size:.86rem;font-weight:700}.legal-footer nav a:hover{color:white}.legal-footer small{color:#756d7c}
@media(max-width:700px){.legal-page{width:calc(100% - 24px);padding-top:44px}.legal-content section{padding:20px}.legal-details>div{grid-template-columns:1fr;gap:5px}.legal-footer-inner{grid-template-columns:1fr;justify-items:center;gap:17px;padding:24px 0;text-align:center}}


/* ===== SATCO V2 HEADER ===== */

.discord-user-menu {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 9px;
}

.discord-user-trigger {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 150px;
  padding: 7px 11px 7px 7px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: rgba(18,14,27,.84);
  transition: .2s;
}

.discord-user-trigger:hover {
  border-color: rgba(151,82,255,.42);
  background: rgba(30,23,43,.92);
}

.discord-user-avatar {
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  object-fit: cover;
}

.fallback-avatar {
  display: grid;
  place-items: center;
  color: white;
  background: linear-gradient(135deg,#7134df,#a652ff);
  font-weight: 900;
}

.discord-user-copy {
  min-width: 0;
}

.discord-user-copy strong,
.discord-user-copy small {
  display: block;
}

.discord-user-copy strong {
  max-width: 130px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.discord-user-copy small {
  margin-top: 2px;
  color: #867e91;
  font-size: .69rem;
}

@media (max-width: 1180px) {
  .discord-user-menu .button.ghost {
    padding-inline: 10px;
  }

  .discord-user-copy {
    display: none;
  }

  .discord-user-trigger {
    min-width: 0;
    padding-right: 7px;
  }
}

@media (max-width: 720px) {
  .discord-user-menu .button.ghost:not(:last-child) {
    display: none;
  }
}

/* ===== SATCO V2 FOOTER ===== */

.legal-footer {
  max-width: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--border);
  color: inherit;
  background:
    radial-gradient(
      circle at 20% 0%,
      rgba(146,84,255,.10),
      transparent 35%
    ),
    #09070e;
}

.legal-footer-main {
  display: grid;
  grid-template-columns: 1.45fr repeat(3, minmax(150px, .7fr));
  gap: 44px;
  width: min(1320px, calc(100% - 48px));
  margin: 0 auto;
  padding: 54px 0 42px;
}

.legal-footer-brand-block {
  max-width: 340px;
}

.legal-footer-brand {
  display: flex;
  align-items: center;
  gap: 13px;
}

.legal-footer-brand strong,
.legal-footer-brand small {
  display: block;
}

.legal-footer-brand strong {
  letter-spacing: .14em;
}

.legal-footer-brand small {
  margin-top: 5px;
  color: #81798b;
  font-weight: 500;
}

.legal-footer-column {
  display: grid;
  align-content: start;
  gap: 10px;
}

.legal-footer-column strong {
  margin-bottom: 5px;
  color: white;
}

.legal-footer-column a {
  color: #91889b;
  font-size: .87rem;
}

.legal-footer-column a:hover {
  color: var(--light);
}

.legal-footer-bottom {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  width: min(1320px, calc(100% - 48px));
  margin: 0 auto;
  padding: 20px 0 24px;
  border-top: 1px solid rgba(176,127,255,.10);
  color: #6f6778;
  font-size: .78rem;
}

/* ===== PARTNERS + STRIPE TRIAL ===== */

.billing-summary,
.trial-guild-picker {
  max-width: 900px;
  margin: 20px auto;
}

.billing-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.trial-guild-picker {
  display: grid;
  gap: 9px;
}

.partners-page,
.partners-admin-page {
  width: min(1240px, calc(100% - 40px));
  margin: 0 auto;
  padding: 70px 0 100px;
}

.partners-hero {
  max-width: 760px;
  margin-bottom: 38px;
}

.partners-hero h1 {
  margin: 12px 0;
  font-size: clamp(2.8rem,7vw,5rem);
}

.partners-hero p {
  color: var(--muted);
  font-size: 1.05rem;
}

.partners-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(250px,1fr));
  gap: 18px;
}

.partner-card {
  display: grid;
  align-content: start;
  gap: 14px;
  min-height: 350px;
  padding: 24px;
  border: 1px solid var(--border);
  border-radius: 20px;
  background: linear-gradient(145deg,#14101d,#0b0910);
}

.partner-card img,
.partner-fallback {
  width: 82px;
  height: 82px;
  border-radius: 22px;
  object-fit: cover;
}

.partner-card h2,
.partner-card p {
  margin: 0;
}

.partner-card p {
  color: var(--muted);
  line-height: 1.6;
}

.partner-code {
  width: max-content;
  padding: 8px 11px;
  border-radius: 999px;
  color: var(--light);
  background: rgba(146,84,255,.13);
  font-weight: 800;
}

.partner-card .button {
  width: 100%;
  margin-top: auto;
}

@media (max-width: 850px) {
  .legal-footer-main {
    grid-template-columns: 1fr 1fr;
  }

  .legal-footer-brand-block {
    grid-column: 1 / -1;
  }
}

@media (max-width: 600px) {
  .legal-footer-main {
    grid-template-columns: 1fr;
    width: calc(100% - 32px);
  }

  .legal-footer-brand-block {
    grid-column: auto;
  }

  .legal-footer-bottom {
    align-items: flex-start;
    flex-direction: column;
    width: calc(100% - 32px);
  }

  .billing-summary {
    align-items: stretch;
    flex-direction: column;
  }
}


/* ===== ANNONCES TWITCH + KICK ===== */

.live-platform-intro {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-top: 24px;
  padding: 24px;
  border: 1px solid var(--border);
  border-radius: 18px;
  background:
    radial-gradient(
      circle at top right,
      rgba(83,252,24,.08),
      transparent 36%
    ),
    rgba(18,14,27,.86);
}

.live-platform-intro h2 {
  margin: 9px 0 7px;
}

.live-platform-intro p {
  max-width: 650px;
  margin: 0;
  color: var(--muted);
  line-height: 1.6;
}

.platform-statuses {
  display: grid;
  gap: 8px;
  min-width: 190px;
}

.platform-statuses span {
  display: grid;
  gap: 3px;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 11px;
  color: var(--muted);
  background: rgba(8,7,13,.45);
  font-size: .78rem;
}

.platform-statuses span.ready {
  border-color: rgba(80,227,164,.25);
  color: var(--green);
}

.platform-statuses span.missing {
  border-color: rgba(255,114,133,.22);
  color: var(--red);
}

.live-form-help {
  margin: 14px 0 20px;
  padding: 12px 14px;
  border: 1px solid rgba(146,84,255,.18);
  border-radius: 11px;
  color: #aaa1b7;
  background: rgba(146,84,255,.06);
  line-height: 1.55;
}

.live-streamer-item {
  min-height: 90px;
}

.live-streamer-identity {
  display: flex;
  align-items: center;
  gap: 14px;
}

.live-platform-icon {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 45px;
  height: 45px;
  border-radius: 13px;
  color: white;
  font-weight: 950;
}

.live-platform-icon.twitch {
  background: linear-gradient(135deg,#6441a5,#9146ff);
  box-shadow: 0 8px 25px rgba(145,70,255,.18);
}

.live-platform-icon.kick {
  color: #071000;
  background: linear-gradient(135deg,#53fc18,#9dff78);
  box-shadow: 0 8px 25px rgba(83,252,24,.15);
}

.platform-label {
  display: inline-flex;
  margin-left: 7px;
  padding: 3px 7px;
  border: 1px solid var(--border);
  border-radius: 999px;
  color: var(--muted);
  font-size: .67rem;
  vertical-align: middle;
}

@media (max-width: 800px) {
  .live-platform-intro {
    align-items: stretch;
    flex-direction: column;
  }

  .platform-statuses {
    width: 100%;
  }
}


/* ===== LOGS AVANCÉS ===== */

.logs-intro-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  margin-top: 24px;
  padding: 25px;
  border: 1px solid rgba(146,84,255,.22);
  border-radius: 19px;
  background:
    radial-gradient(
      circle at top right,
      rgba(146,84,255,.14),
      transparent 38%
    ),
    rgba(15,12,22,.9);
}

.logs-intro-card h2 {
  margin: 9px 0 7px;
}

.logs-intro-card p {
  max-width: 720px;
  margin: 0;
  color: var(--muted);
  line-height: 1.65;
}

.logs-count-badge {
  flex: 0 0 auto;
  padding: 10px 14px;
  border: 1px solid rgba(146,84,255,.3);
  border-radius: 999px;
  color: var(--light);
  background: rgba(146,84,255,.1);
  font-size: .78rem;
  font-weight: 900;
}

.log-category-grid {
  display: grid;
  grid-template-columns: repeat(
    2,
    minmax(0, 1fr)
  );
  gap: 16px;
}

.log-category-card {
  height: 100%;
}

.log-category-heading {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

.log-category-heading > span {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: rgba(146,84,255,.08);
  font-size: 1.15rem;
}

.log-category-heading h2,
.log-category-heading p {
  margin: 0;
}

.log-category-heading p {
  margin-top: 6px;
  color: var(--muted);
  line-height: 1.55;
}

.logs-privacy-note {
  padding: 13px 15px;
  border: 1px solid rgba(245,196,81,.22);
  border-radius: 11px;
  color: #d8be82;
  background: rgba(245,196,81,.06);
  line-height: 1.6;
}

.log-permission-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.log-permission-list span {
  padding: 8px 10px;
  border: 1px solid var(--border);
  border-radius: 999px;
  color: #aaa1b5;
  background: rgba(255,255,255,.025);
  font-size: .78rem;
  font-weight: 750;
}

@media (max-width: 850px) {
  .logs-intro-card {
    align-items: flex-start;
    flex-direction: column;
  }

  .log-category-grid {
    grid-template-columns: 1fr;
  }
}


/* ===== LANGUAGE SELECTOR ===== */

.nav-language-form {
  display: flex;
  margin: 0;
}

.nav-language-form select {
  width: auto;
  min-width: 112px;
  height: 42px;
  padding: 0 32px 0 11px;
  border: 1px solid var(--border);
  border-radius: 12px;
  color: #ddd6e5;
  background: #100d17;
  font-size: .78rem;
  font-weight: 800;
  cursor: pointer;
}

.language-settings-hero {
  margin-top: 24px;
  padding: 25px;
  border: 1px solid rgba(146,84,255,.22);
  border-radius: 18px;
  background:
    radial-gradient(
      circle at top right,
      rgba(146,84,255,.12),
      transparent 42%
    ),
    rgba(15,12,22,.88);
}

.language-settings-hero h2 {
  margin: 10px 0 7px;
}

.language-settings-hero p {
  max-width: 760px;
  margin: 0;
  color: var(--muted);
  line-height: 1.65;
}

html[dir="rtl"] body {
  direction: rtl;
}

html[dir="rtl"] .site-header,
html[dir="rtl"] .server-shell,
html[dir="rtl"] .settings-shell {
  direction: rtl;
}

@media (max-width: 900px) {
  .nav-language-form select {
    min-width: 92px;
  }
}


/* ===== COMMANDS DOCUMENTATION ===== */
.commands-page{width:min(1240px,calc(100% - 40px));margin:0 auto;padding:72px 0 100px}
.commands-hero{max-width:820px;margin-bottom:32px}
.commands-hero h1{margin:12px 0 14px;font-size:clamp(3rem,7vw,5.4rem);line-height:.98;letter-spacing:-.055em}
.commands-hero p{color:var(--muted);font-size:1.05rem;line-height:1.7}
.commands-category-nav{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:34px}
.commands-category-nav a{display:inline-flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid var(--border);border-radius:999px;color:#b9afc3;background:rgba(18,14,27,.82);font-size:.8rem;font-weight:850}
.commands-category-nav a:hover{color:white;border-color:rgba(146,84,255,.42);background:rgba(146,84,255,.11)}
.commands-category-list{display:grid;gap:22px}
.commands-category{scroll-margin-top:105px;padding:27px;border:1px solid var(--border);border-radius:21px;background:radial-gradient(circle at top right,rgba(146,84,255,.08),transparent 35%),rgba(14,11,21,.88)}
.commands-category>header{display:flex;align-items:center;gap:14px;margin-bottom:21px}
.commands-category>header h2,.commands-category>header p{margin:0}
.commands-category>header p{margin-top:5px;color:var(--muted)}
.commands-category-icon{display:grid;flex:0 0 auto;place-items:center;width:48px;height:48px;border:1px solid rgba(146,84,255,.25);border-radius:14px;background:rgba(146,84,255,.09);font-size:1.25rem}
.commands-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.command-card{min-height:112px;padding:17px;border:1px solid rgba(176,127,255,.13);border-radius:14px;background:rgba(7,6,11,.54)}
.command-card code{display:inline-flex;padding:6px 9px;border:1px solid rgba(146,84,255,.24);border-radius:8px;color:#caa9ff;background:rgba(146,84,255,.08);font-size:.94rem;font-weight:900}
.command-card p{margin:12px 0 0;color:#a79eaf;line-height:1.55}
@media(max-width:600px){.commands-page{width:calc(100% - 24px);padding-top:45px}.commands-category{padding:20px}}


/* ===== PARTNERS REWORK ===== */

.partners-rework {
  width: min(1320px, calc(100% - 48px));
  margin: 0 auto;
  padding: 70px 0 110px;
}

.partners-rework-hero {
  position: relative;
  display: grid;
  grid-template-columns: 1.35fr .65fr;
  gap: 50px;
  align-items: center;
  min-height: 540px;
  padding: 62px;
  overflow: hidden;
  border: 1px solid rgba(161, 96, 255, .22);
  border-radius: 32px;
  background:
    radial-gradient(circle at 82% 22%, rgba(137, 61, 255, .24), transparent 34%),
    radial-gradient(circle at 8% 100%, rgba(81, 37, 149, .18), transparent 40%),
    linear-gradient(145deg, rgba(18, 13, 28, .98), rgba(8, 7, 13, .98));
  box-shadow: 0 35px 90px rgba(0, 0, 0, .35);
}

.partners-rework-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(to right, black, transparent 85%);
}

.partners-rework-copy,
.partners-rework-visual {
  position: relative;
  z-index: 1;
}

.partners-rework-copy h1 {
  max-width: 820px;
  margin: 17px 0 22px;
  font-size: clamp(3.5rem, 7vw, 6.6rem);
  line-height: .92;
  letter-spacing: -.065em;
}

.partners-rework-copy h1 span {
  display: block;
  color: transparent;
  background: linear-gradient(90deg, #bf93ff, #7f38f4);
  background-clip: text;
  -webkit-background-clip: text;
}

.partners-rework-copy > p {
  max-width: 720px;
  margin: 0;
  color: #aaa1b5;
  font-size: 1.08rem;
  line-height: 1.75;
}

.partners-rework-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 31px;
}

.partners-rework-visual {
  display: grid;
  justify-items: center;
  gap: 30px;
}

.partners-rework-logo {
  position: relative;
  display: grid;
  place-items: center;
  width: 225px;
  height: 225px;
  border: 1px solid rgba(177, 112, 255, .34);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(145, 74, 255, .23), rgba(14, 10, 22, .88) 62%);
  box-shadow: 0 0 80px rgba(128, 55, 247, .26);
}

.partners-rework-logo::before,
.partners-rework-logo::after {
  content: "";
  position: absolute;
  border: 1px solid rgba(174, 116, 255, .14);
  border-radius: 50%;
}

.partners-rework-logo::before { inset: -23px; }
.partners-rework-logo::after { inset: -50px; }

.partners-rework-logo img {
  width: 118px;
  height: 118px;
  border-radius: 28px;
  object-fit: cover;
}

.partners-rework-count {
  text-align: center;
}

.partners-rework-count strong,
.partners-rework-count span {
  display: block;
}

.partners-rework-count strong {
  font-size: 2rem;
}

.partners-rework-count span {
  margin-top: 5px;
  color: var(--muted);
  font-size: .82rem;
}

.partners-rework-list {
  padding-top: 90px;
}

.partners-rework-heading {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 40px;
  margin-bottom: 30px;
}

.partners-rework-heading h2 {
  margin: 10px 0 0;
  font-size: clamp(2rem, 4vw, 3.3rem);
}

.partners-rework-heading > p {
  max-width: 470px;
  margin: 0;
  color: var(--muted);
  line-height: 1.65;
}

.partners-rework-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(305px, 1fr));
  gap: 18px;
}

.partner-rework-card {
  display: flex;
  flex-direction: column;
  min-height: 405px;
  padding: 25px;
  border: 1px solid rgba(173, 115, 255, .16);
  border-radius: 23px;
  background: linear-gradient(145deg, rgba(20, 15, 30, .96), rgba(9, 7, 14, .98));
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}

.partner-rework-card:hover {
  transform: translateY(-6px);
  border-color: rgba(158, 88, 255, .42);
  box-shadow: 0 25px 55px rgba(0, 0, 0, .3);
}

.partner-rework-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.partner-rework-index {
  color: #756a81;
  font-family: monospace;
  font-size: .76rem;
}

.partner-rework-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #8e8498;
  font-size: .7rem;
  font-weight: 800;
}

.partner-rework-badge i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #50e3a4;
  box-shadow: 0 0 14px rgba(80,227,164,.7);
}

.partner-rework-profile {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 34px;
}

.partner-rework-avatar {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 76px;
  height: 76px;
  overflow: hidden;
  border: 1px solid rgba(173, 115, 255, .25);
  border-radius: 21px;
  color: white;
  background: linear-gradient(135deg, #6c28da, #a34cff);
  font-size: 1.15rem;
  font-weight: 950;
  box-shadow: 0 13px 34px rgba(87, 31, 177, .24);
}

.partner-rework-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.partner-rework-profile h3 {
  margin: 0;
  font-size: 1.25rem;
}

.partner-rework-profile small {
  display: block;
  margin-top: 5px;
  color: #81768b;
}

.partner-rework-description {
  margin: 25px 0 28px;
  color: #a79eae;
  line-height: 1.67;
}

.partner-rework-footer {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 15px;
  margin-top: auto;
  padding-top: 19px;
  border-top: 1px solid rgba(178, 116, 255, .1);
}

.partner-rework-footer div span,
.partner-rework-footer div strong {
  display: block;
}

.partner-rework-footer div span {
  color: #756b7e;
  font-size: .66rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.partner-rework-footer div strong {
  margin-top: 5px;
  color: #d2b8ff;
  font-size: .92rem;
}

.partner-rework-footer a {
  color: white;
  font-size: .83rem;
  font-weight: 900;
}

.partners-rework-empty {
  display: grid;
  justify-items: center;
  margin-top: 60px;
  padding: 70px 30px;
  border: 1px dashed rgba(171,110,255,.28);
  border-radius: 24px;
  text-align: center;
  background: rgba(16,12,24,.65);
}

.partners-rework-empty > span {
  font-size: 2.4rem;
}

.partners-rework-empty h2 {
  margin: 17px 0 8px;
}

.partners-rework-empty p {
  margin: 0;
  color: var(--muted);
}

.partners-rework-cta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 35px;
  margin-top: 75px;
  padding: 43px;
  border: 1px solid rgba(165,101,255,.22);
  border-radius: 25px;
  background:
    radial-gradient(circle at right, rgba(143,65,255,.16), transparent 36%),
    rgba(15,11,23,.9);
}

.partners-rework-cta h2 {
  margin: 9px 0 8px;
  font-size: clamp(1.7rem, 3vw, 2.5rem);
}

.partners-rework-cta p {
  margin: 0;
  color: var(--muted);
}

@media (max-width: 950px) {
  .partners-rework-hero {
    grid-template-columns: 1fr;
    padding: 44px;
  }

  .partners-rework-visual {
    display: none;
  }

  .partners-rework-heading,
  .partners-rework-cta {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 600px) {
  .partners-rework {
    width: calc(100% - 24px);
    padding-top: 35px;
  }

  .partners-rework-hero {
    min-height: auto;
    padding: 30px 24px;
    border-radius: 23px;
  }

  .partners-rework-copy h1 {
    font-size: 3.2rem;
  }

  .partners-rework-actions {
    flex-direction: column;
  }

  .partners-rework-actions .button {
    width: 100%;
  }

  .partners-rework-list {
    padding-top: 60px;
  }

  .partners-rework-grid {
    grid-template-columns: 1fr;
  }

  .partners-rework-cta {
    padding: 29px 24px;
  }
}