:root{
  --bg:#070304;
  --panel:rgba(18,8,10,.86);
  --panel-strong:rgba(15,5,7,.93);
  --line:rgba(255,85,60,.34);
  --line-soft:rgba(255,130,90,.18);
  --text:#fff4ef;
  --muted:#f3c8bb;
  --accent:#ff3d1f;
  --accent-2:#ff6b2b;
  --glow:0 0 0 1px rgba(255,80,55,.3),0 0 20px rgba(255,80,55,.22),0 0 44px rgba(255,80,55,.18),0 18px 55px rgba(0,0,0,.58);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:Arial,Helvetica,sans-serif;
  color:var(--text);
  background:
    linear-gradient(rgba(10,3,4,.72), rgba(8,2,3,.92)),
    url('/static/images/branding/redstonex-bg.png') center top/cover fixed no-repeat,
    #070304;
  min-height:100vh;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(1200px,calc(100% - 40px));margin:0 auto}
.site-header{
  position:sticky;top:0;z-index:100;
  background:linear-gradient(180deg,rgba(7,2,3,.92),rgba(9,3,5,.78));
  border-bottom:1px solid rgba(255,90,60,.42);
  box-shadow:0 1px 0 rgba(255,130,100,.2) inset, 0 10px 35px rgba(0,0,0,.45);
  backdrop-filter:blur(8px);
}
.nav{display:flex;align-items:center;justify-content:space-between;padding:16px 0;gap:20px}
.brand{
  font-size:2.25rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;
  color:#ff5e34;text-shadow:0 0 6px rgba(255,130,75,.7),0 0 22px rgba(255,60,30,.65);
  display:flex;align-items:center;gap:10px;
}
.brand::before{content:'◆';font-size:1.1rem;line-height:1;filter:drop-shadow(0 0 10px rgba(255,90,50,.9));}
.nav nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-weight:700}
.nav nav a,.nav .link-button{padding:8px 2px;color:#fff2eb;text-shadow:0 0 10px rgba(255,90,55,.25)}
.inline-form{display:inline}
.link-button{background:none;border:none;cursor:pointer;font:inherit}
.button,.link-button.buttonlike{
  display:inline-flex;align-items:center;justify-content:center;min-height:58px;
  padding:0 28px;border-radius:8px;border:1px solid rgba(255,100,60,.68);
  background:linear-gradient(180deg,rgba(31,7,7,.96),rgba(16,3,4,.98));
  box-shadow:var(--glow), inset 0 0 0 2px rgba(255,90,60,.1);
  color:#fff4ee;font-weight:900;letter-spacing:.03em;text-transform:uppercase;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.button:hover,.link-button.buttonlike:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(255,110,70,.45),0 0 26px rgba(255,90,55,.28),0 0 50px rgba(255,90,55,.22),0 22px 56px rgba(0,0,0,.6)}
.button.small{min-height:46px;padding:0 18px;font-size:.9rem}
.button.ghost{background:linear-gradient(180deg,rgba(20,7,7,.55),rgba(12,3,5,.82))}
.button.full-width{width:100%}
.hero{padding:76px 0 40px;min-height:calc(100vh - 88px);display:flex;align-items:center}
.hero-grid{display:grid;grid-template-columns:1fr;justify-items:center;text-align:center}
.hero-panel{max-width:920px;padding:28px 18px;background:linear-gradient(180deg,rgba(15,5,7,.26),rgba(15,5,7,.16));border-radius:22px}
.kicker{display:inline-block;margin-bottom:16px;padding:9px 18px;border-radius:999px;border:1px solid rgba(255,120,90,.28);background:rgba(0,0,0,.24);text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;color:#ffd9c8}
.hero h1,.page-intro h1{margin:0 0 18px;font-size:clamp(3rem,6.2vw,5.7rem);line-height:.98;font-weight:900;text-shadow:0 0 12px rgba(0,0,0,.45),0 0 22px rgba(255,80,55,.35)}
.hero h1 span,.page-intro h1 span{display:block;color:#ff5a36;text-shadow:0 0 12px rgba(255,108,68,.8),0 0 38px rgba(255,80,40,.65)}
.hero p,.page-intro p{margin:0 auto;color:#ffe6dc;font-size:1.25rem;max-width:760px;text-shadow:0 2px 10px rgba(0,0,0,.5)}
.hero-actions{display:flex;gap:28px;justify-content:center;flex-wrap:wrap;margin-top:34px}
.hero-actions .button{min-width:270px;font-size:1.18rem}

.server-address-box{
  margin:28px auto 0;
  max-width:520px;
  padding:20px 22px;
  border-radius:18px;
  border:1px solid rgba(255,120,90,.30);
  background:linear-gradient(180deg,rgba(18,8,10,.78),rgba(12,4,6,.92));
  box-shadow:var(--glow);
}
.server-address-label{
  font-size:.9rem;
  text-transform:uppercase;
  letter-spacing:.14em;
  color:#ffd8ca;
  margin-bottom:10px;
}
.server-address-value{
  font-size:clamp(1.8rem,4vw,2.8rem);
  font-weight:900;
  color:#ffffff;
  text-shadow:0 0 10px rgba(255,110,70,.45),0 0 24px rgba(255,80,40,.30);
  word-break:break-word;
}
.server-address-note{
  margin-top:10px;
  color:var(--muted);
  font-size:1rem;
  line-height:1.45;
}

.section-shell{padding:8px 0 30px}
.page-intro{text-align:center;padding:40px 0 26px}
.page-intro.compact{padding-top:24px}
.page-box,.card{
  background:linear-gradient(180deg,rgba(18,8,10,.84),rgba(12,4,6,.92));
  border:1px solid var(--line);
  border-radius:18px;
  box-shadow:var(--glow);
}
.page-box{padding:26px}
.card{padding:24px}
.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.two-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}
.triple-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.product-card,.vote-card,.feature-card,.dashboard-card,.stat-card,.order-card{text-align:center;position:relative;overflow:hidden}
.product-card::before,.vote-card::before,.feature-card::before,.page-box::before,.dashboard-card::before,.stat-card::before,.order-card::before{
  content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,120,90,.12), inset 0 0 28px rgba(255,90,60,.06);
}
.product-diamond{font-size:4rem;line-height:1;margin:10px 0 12px;filter:drop-shadow(0 0 12px rgba(80,220,255,.55))}
.diamond-count{font-size:1.3rem;font-weight:900;color:#fff4ef;text-shadow:0 0 10px rgba(255,100,60,.22)}
.product-card h3,.vote-card h3,.feature-card h3,.page-box h3,.dashboard-card h2,.dashboard-stats-box h2,.dashboard-orders-box h2{font-size:2rem;margin:6px 0 10px}
.product-card p,.vote-card p,.feature-card p,.page-box p,.card p,.dashboard-card p,.dashboard-orders-box p{color:var(--muted);line-height:1.55}
.price{font-size:2.4rem;font-weight:900;margin:18px 0;color:#fff4ef}
.price.large{font-size:3rem}
.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:12px}
.feature-list{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:10px;text-align:left}
.feature-list li{padding:12px 14px;border:1px solid var(--line-soft);border-radius:12px;background:rgba(255,255,255,.03);color:#ffe4d8}
.auth-shell{padding:26px 0 36px}
.auth-card{max-width:760px;margin:0 auto;text-align:center}
.auth-card-narrow{max-width:680px}
.auth-card h1{font-size:3rem;margin:0 0 18px}
.styled-form p{display:grid;gap:7px;text-align:left;margin:0 0 16px}
.styled-form label{font-weight:800;color:#fff1ea}
.styled-form input,
.styled-form textarea{
  width:100%;
  padding:14px 16px;
  border-radius:12px;
  border:1px solid rgba(255,130,90,.18);
  background:rgba(255,255,255,.05);
  color:#fff;
  font:inherit;
}
.styled-form input:focus,
.styled-form textarea:focus{
  outline:none;
  border-color:rgba(255,120,80,.56);
  box-shadow:0 0 0 3px rgba(255,90,60,.12);
}

.auth-form-enhanced{
  display:grid;
  gap:18px;
  margin-top:22px;
}
.form-field-group{
  display:grid;
  gap:8px;
  text-align:left;
}
.form-field-group label{
  display:block;
  font-weight:800;
  color:#fff1ea;
}
.form-field-group input,
.form-field-group textarea{
  width:100%;
  padding:15px 16px;
  border-radius:12px;
  border:1px solid rgba(255,130,90,.18);
  background:rgba(255,255,255,.05);
  color:#fff;
  font:inherit;
}
.form-field-group input:focus,
.form-field-group textarea:focus{
  outline:none;
  border-color:rgba(255,120,80,.56);
  box-shadow:0 0 0 3px rgba(255,90,60,.12);
}
.form-error-box{
  display:grid;
  gap:8px;
  padding:14px 16px;
  border-radius:14px;
  border:1px solid rgba(255,120,120,.30);
  background:rgba(255,80,80,.08);
}
.field-error-list{
  display:grid;
  gap:6px;
}
.field-error{
  color:#ffd2d2;
  font-size:.95rem;
  line-height:1.45;
}
.captcha-field-group{
  gap:10px;
}
.captcha-box{
  padding:18px;
  border-radius:16px;
  border:1px solid rgba(255,120,90,.28);
  background:linear-gradient(180deg,rgba(24,10,12,.82),rgba(14,5,7,.95));
  box-shadow:inset 0 0 0 1px rgba(255,150,120,.06), 0 10px 25px rgba(0,0,0,.20);
}
.captcha-box-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  margin-bottom:14px;
}
.captcha-title{
  font-size:1rem;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:#fff3ed;
}
.captcha-note{
  font-size:.92rem;
  color:#ffd8ca;
}
.captcha-render{
  display:grid;
  gap:14px;
}
.captcha-render img,
.captcha-render img.captcha{
  display:block;
  width:320px;
  max-width:100%;
  height:110px;
  min-height:110px;
  object-fit:fill;
  padding:10px;
  border-radius:14px;
  border:1px solid rgba(255,130,90,.20);
  background:rgba(255,255,255,.04);
}
.captcha-render input{
  width:320px;
  max-width:100%;
  min-height:56px;
  font-size:1.08rem;
  letter-spacing:.04em;
}
.captcha-render audio{
  width:100%;
  max-width:320px;
}
.captcha-render a{
  color:#ffb199;
  font-weight:700;
}
.captcha-render > div{
  display:grid;
  gap:12px;
}
.captcha-render .captcha{
  display:grid;
  gap:12px;
}
.captcha-render .captcha img{
  max-width:320px;
}
.captcha-render .captcha input{
  max-width:320px;
}

.dashboard-shell{display:grid;gap:28px}
.dashboard-header{text-align:center}
.dashboard-header h1{font-size:3rem;margin:0 0 12px}
.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.dashboard-card{
  padding:24px;
  border:1px solid var(--line);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(18,8,10,.84),rgba(12,4,6,.92));
  box-shadow:var(--glow);
  text-align:left;
}
.info-list{display:grid;gap:12px}
.info-list.compact{gap:10px}
.info-row{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
  padding:12px 14px;
  border:1px solid var(--line-soft);
  border-radius:12px;
  background:rgba(255,255,255,.03);
}
.info-row span{
  color:#ffd8ca;
  font-weight:700;
}
.info-row strong{
  color:#fff4ef;
  text-align:right;
}
.dashboard-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-top:18px;
}
.dashboard-actions.left{justify-content:flex-start}
.dashboard-actions.center{justify-content:center}
.dashboard-stats-box,.dashboard-orders-box{
  padding:24px;
  border:1px solid var(--line);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(18,8,10,.84),rgba(12,4,6,.92));
  box-shadow:var(--glow);
}
.stats-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.stat-card{
  padding:20px;
  border:1px solid var(--line-soft);
  border-radius:16px;
  background:rgba(255,255,255,.03);
}
.stat-label{
  display:block;
  color:#ffd8ca;
  font-size:.95rem;
  margin-bottom:10px;
}
.stat-value{
  font-size:2rem;
  font-weight:900;
  color:#fff;
}
.orders-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:20px;
}
.order-card{
  padding:22px;
  border:1px solid var(--line-soft);
  border-radius:16px;
  background:rgba(255,255,255,.03);
  text-align:left;
}
.order-card-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:14px;
}
.order-card-head h3{
  margin:0;
  font-size:1.3rem;
}
.section-head{
  text-align:center;
  margin-bottom:18px;
}
.empty-state-box{
  text-align:center;
  padding:30px 16px;
}
.status-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 12px;
  border-radius:999px;
  font-size:.82rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.05em;
  border:1px solid rgba(255,130,90,.24);
  background:rgba(255,255,255,.06);
}
.status-pill.success,
.status-pill.status-fulfilled{
  color:#bfffd3;
  border-color:rgba(120,255,170,.28);
  background:rgba(80,255,150,.08);
}
.status-pill.warning,
.status-pill.status-pending,
.status-pill.status-paid{
  color:#ffe3b3;
  border-color:rgba(255,210,120,.30);
  background:rgba(255,190,80,.08);
}
.status-pill.status-failed{
  color:#ffc0c0;
  border-color:rgba(255,120,120,.30);
  background:rgba(255,80,80,.08);
}
.diamond-highlight{
  color:#ffffff;
  text-shadow:0 0 12px rgba(90,220,255,.35),0 0 18px rgba(255,90,60,.20);
}
.result-card{
  padding:30px 26px;
}
.result-info-box{
  margin:20px 0 8px;
  padding:18px 20px;
  border:1px solid var(--line-soft);
  border-radius:14px;
  background:rgba(255,255,255,.03);
}
.success-card .kicker{
  border-color:rgba(120,255,170,.25);
}
.cancel-card .kicker{
  border-color:rgba(255,210,120,.25);
}
.auth-meta-links{
  margin-top:20px;
}

.account-hero{display:grid;place-items:center;text-align:center;min-height:320px}
.account-hero h1{font-size:3.7rem;margin:0 0 18px}
.account-meta{display:grid;gap:12px;max-width:540px;margin:0 auto}
.account-pill{padding:14px 20px;border-radius:14px;border:1px solid var(--line-soft);background:rgba(255,255,255,.04);font-weight:800}
.diamond-big{font-size:3.4rem;font-weight:900;color:#fff;text-shadow:0 0 16px rgba(90,220,255,.38),0 0 20px rgba(255,90,60,.22)}
.vote-list{display:grid;gap:24px}
.vote-wide{display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:24px;padding:22px 26px}
.vote-icon{font-size:3rem;text-align:center;filter:drop-shadow(0 0 12px rgba(255,140,80,.3))}
.vote-title{font-size:2rem;font-weight:900;text-transform:uppercase}
.messages{padding-top:18px}
.message{padding:14px 18px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.05);box-shadow:var(--glow)}
.site-footer{
  margin-top:56px;
  background:linear-gradient(180deg,rgba(8,3,4,.72),rgba(7,2,3,.95));
  border-top:1px solid rgba(255,90,60,.32);
}
.footer-grid{
  display:grid;
  grid-template-columns:2fr 1fr 1fr;
  gap:20px;
  padding:28px 0;
}
.footer-grid a,.footer-grid p{
  display:block;
  color:#ffd8ca;
  margin:7px 0;
}

.legal-footer-bar{
  border-top:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.03);
}
.legal-footer-inner{
  padding:14px 0 20px;
}
.legal-footer-links{
  display:flex;
  flex-wrap:wrap;
  gap:24px;
  align-items:center;
  justify-content:flex-start;
  font-size:.92rem;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#d8d2cf;
}
.legal-footer-links a{
  color:#d8d2cf;
  transition:color .16s ease;
}
.legal-footer-links a:hover{
  color:#ffffff;
}
.legal-footer-copy{
  margin-top:12px;
  font-size:.9rem;
  color:#f0e8e4;
}
.legal-text{
  text-align:left;
}
.legal-text h2{
  margin-top:24px;
  margin-bottom:10px;
  font-size:1.35rem;
}
.legal-text h3{
  margin-top:20px;
  margin-bottom:8px;
  font-size:1.08rem;
}
.legal-text p,
.legal-text li{
  color:var(--muted);
  line-height:1.7;
}
.legal-text ul{
  padding-left:22px;
}
.contact-card{
  max-width:860px;
  margin:0 auto;
}
.contact-card h1{
  font-size:3rem;
  margin:0 0 14px;
}
.contact-card .styled-form{
  margin-top:24px;
}
.contact-note-box{
  margin-top:20px;
  padding:18px 20px;
  border:1px solid var(--line-soft);
  border-radius:14px;
  background:rgba(255,255,255,.03);
}

.discord-button{
  display:inline-flex;
  align-items:center;
  gap:12px;
  padding:14px 22px;
  border-radius:12px;
  font-weight:900;
  text-transform:uppercase;
  background:linear-gradient(135deg,#5865F2,#404EED);
  color:#fff;
  border:1px solid rgba(255,255,255,.1);
  box-shadow:0 0 20px rgba(88,101,242,.35);
  transition:.2s;
}
.discord-button img{
  width:22px;
  height:22px;
  filter:invert(1);
}
.discord-button:hover{
  transform:translateY(-2px);
  box-shadow:0 0 30px rgba(88,101,242,.6);
}

.cart-inline-form,
.detail-cart-form,
.cart-update-form{
  display:grid;
  gap:12px;
}

.qty-box{
  max-width:220px;
  margin:0 auto 10px;
}

.qty-label{
  display:block;
  margin-bottom:6px;
  font-weight:800;
  color:#fff1ea;
  text-align:left;
}

.qty-input{
  width:100%;
  padding:12px 14px;
  border-radius:12px;
  border:1px solid rgba(255,130,90,.18);
  background:rgba(255,255,255,.05);
  color:#fff;
}

.qty-input:focus{
  outline:none;
  border-color:rgba(255,120,80,.56);
  box-shadow:0 0 0 3px rgba(255,90,60,.12);
}

.detail-help-text{
  margin-top:18px;
}

.cart-table-wrap{
  overflow-x:auto;
}
.cart-table{
  width:100%;
  border-collapse:collapse;
  margin-bottom:28px;
}
.cart-table th,
.cart-table td{
  text-align:left;
  padding:16px 12px;
  border-bottom:1px solid var(--line-soft);
  vertical-align:top;
}
.cart-table th{
  color:#ffd8ca;
  font-size:.95rem;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.cart-subtext{
  margin-top:8px;
  color:var(--muted);
  font-size:.95rem;
  line-height:1.45;
}
.cart-summary{
  display:grid;
  grid-template-columns:1fr auto;
  gap:24px;
  align-items:start;
}
.cart-summary-box{
  padding:20px;
  border:1px solid var(--line-soft);
  border-radius:16px;
  background:rgba(255,255,255,.03);
}
.cart-actions{
  display:grid;
  gap:14px;
  min-width:280px;
}
.empty-cart-box{
  text-align:center;
  padding:30px 16px;
}

@media (max-width: 1050px){
  .card-grid{grid-template-columns:repeat(2,1fr)}
  .feature-row,.triple-grid,.dashboard-grid,.two-grid,.footer-grid,.cart-summary,.stats-grid,.orders-grid{grid-template-columns:1fr}
}

@media (max-width: 760px){
  .nav{flex-direction:column;align-items:flex-start}
  .brand{font-size:1.7rem}
  .hero{padding-top:50px;min-height:auto}
  .hero h1,.page-intro h1{font-size:2.6rem}
  .hero p,.page-intro p{font-size:1rem}
  .hero-actions .button{min-width:100%}
  .hero-actions .discord-button{width:100%;justify-content:center}
  .card-grid{grid-template-columns:1fr}
  .vote-wide{grid-template-columns:1fr;justify-items:center;text-align:center}
  .cart-actions{min-width:100%}
  .info-row{flex-direction:column;align-items:flex-start}
  .info-row strong{text-align:left}
  .order-card-head{flex-direction:column;align-items:flex-start}
  .dashboard-actions{flex-direction:column}
  .dashboard-actions .button{width:100%}
  .captcha-box{padding:16px}
  .captcha-render img,
  .captcha-render input,
  .captcha-render audio,
  .captcha-render .captcha img,
  .captcha-render .captcha input{
    max-width:100%;
  }
  .legal-footer-links{
    gap:12px;
    font-size:.82rem;
  }
}

.form-help-links {
    margin-top: 14px;
}
.form-help-links a {
    color: #ff6b6b;
    text-decoration: none;
}

.cookie-banner{
  position:fixed;
  left:20px;
  right:20px;
  bottom:20px;
  z-index:1000;
}
.cookie-banner-inner{
  width:min(1100px,100%);
  margin:0 auto;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  padding:20px 22px;
  border-radius:18px;
  border:1px solid rgba(255,120,90,.30);
  background:linear-gradient(180deg,rgba(18,8,10,.94),rgba(10,4,6,.98));
  box-shadow:var(--glow);
}
.cookie-banner-text{
  display:grid;
  gap:8px;
}
.cookie-banner-text strong{
  font-size:1.05rem;
  color:#fff4ef;
}
.cookie-banner-text p{
  margin:0;
  color:#ffd8ca;
  line-height:1.55;
}
.cookie-banner-text a{
  color:#ffffff;
  text-decoration:underline;
}
.cookie-banner-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}
@media (max-width: 760px){
  .cookie-banner{
    left:12px;
    right:12px;
    bottom:12px;
  }
  .cookie-banner-inner{
    flex-direction:column;
    align-items:flex-start;
    padding:18px;
  }
  .cookie-banner-actions{
    width:100%;
  }
  .cookie-banner-actions .button{
    width:100%;
  }
}

.discord-support-box{
  margin:24px 0 26px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  padding:22px 24px;
  border:1px solid rgba(255,120,90,.28);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(20,9,12,.84),rgba(12,4,7,.96));
  box-shadow:var(--glow);
}
.discord-support-text{
  display:grid;
  gap:8px;
}
.discord-support-text h2{
  margin:0;
  font-size:1.5rem;
}
.discord-support-text p{
  margin:0;
  color:var(--muted);
  line-height:1.55;
}
.discord-support-actions{
  display:flex;
  flex-shrink:0;
}
@media (max-width: 760px){
  .discord-support-box{
    flex-direction:column;
    align-items:flex-start;
  }
  .discord-support-actions{
    width:100%;
  }
  .discord-support-actions .button{
    width:100%;
  }
}

.hero-panel{
  position:relative;
  overflow:hidden;
  width:100%;
  max-width:980px;
  padding:40px 28px;
  border:1px solid rgba(255,120,90,.22);
  background:
    radial-gradient(circle at top center, rgba(255,120,80,.16), transparent 42%),
    linear-gradient(180deg,rgba(18,7,10,.72),rgba(10,4,6,.38));
  box-shadow:var(--glow);
}

.hero-panel::before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:22px;
  box-shadow:inset 0 0 0 1px rgba(255,140,110,.10), inset 0 0 48px rgba(255,90,60,.08);
}

.feature-card{
  padding:28px 22px;
  min-height:100%;
  background:
    linear-gradient(180deg,rgba(20,9,12,.88),rgba(11,4,6,.95));
  box-shadow:var(--glow);
}

.feature-card h3{
  font-size:1.55rem;
}

.feature-card p{
  font-size:1rem;
}

.page-box .hero-actions{
  justify-content:flex-start;
}

.page-box h3{
  text-align:left;
}

.page-box .kicker{
  margin-bottom:12px;
}

.section-shell + .section-shell{
  padding-top:0;
}

@media (max-width: 760px){
  .hero-panel{
    padding:28px 18px;
  }
}

.hcaptcha-widget-shell{
  width:100%;
  max-width:320px;
}

.hcaptcha-widget-shell iframe{
  display:block;
  max-width:100%;
  border-radius:12px;
}

.hcaptcha-widget-shell div[data-hcaptcha-response]{
  min-height:78px;
}

.captcha-render .hcaptcha-widget-shell,
.captcha-render .h-captcha{
  max-width:100%;
}

.panel-shell{
  display:grid;
  gap:28px;
}

.panel-header{
  text-align:center;
}

.panel-header h1{
  font-size:3rem;
  margin:0 0 14px;
}

.panel-header p{
  max-width:780px;
  margin:0 auto;
  color:var(--muted);
  line-height:1.6;
}

.panel-top-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  justify-content:center;
}

.panel-stats-box{
  margin-top:0;
}

.panel-stats-grid{
  grid-template-columns:repeat(4,1fr);
}

.panel-services-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:24px;
}

.panel-service-card{
  text-align:left;
}

.panel-service-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  margin-bottom:18px;
}

.panel-service-head h2{
  margin:6px 0 0;
  font-size:2rem;
}

.panel-logs-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:24px;
}

.panel-log-box{
  overflow:hidden;
}

.panel-section-head{
  text-align:left;
  margin-bottom:16px;
}

.panel-log-output{
  margin:0;
  padding:18px 20px;
  min-height:320px;
  max-height:520px;
  overflow:auto;
  border:1px solid rgba(255,120,90,.20);
  border-radius:14px;
  background:rgba(0,0,0,.30);
  color:#ffe6dc;
  font:500 .92rem/1.55 "Courier New", monospace;
  white-space:pre-wrap;
  word-break:break-word;
  box-shadow:inset 0 0 0 1px rgba(255,120,90,.06);
}

@media (max-width: 980px){
  .panel-services-grid,
  .panel-stats-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media (max-width: 760px){
  .panel-services-grid,
  .panel-stats-grid{
    grid-template-columns:1fr;
  }

  .panel-header h1{
    font-size:2.3rem;
  }

  .panel-top-actions{
    flex-direction:column;
  }

  .panel-top-actions .button{
    width:100%;
  }

  .panel-service-head{
    flex-direction:column;
    align-items:flex-start;
  }

  .panel-log-output{
    min-height:240px;
    max-height:420px;
    padding:16px;
    font-size:.86rem;
  }
}
