: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}
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-shell {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  min-height: calc(100vh - 72px);
}

.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: #ffe16d;
  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);
}

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

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

@media (max-width: 820px) {
  .dashboard-heading-actions {
    width: 100%;
    align-items: stretch;
    flex-direction: column;
  }

  .dashboard-heading-actions .button {
    width: 100%;
  }

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