/* Public VFRP theme: FS25 / multi-server farming identity */
:root{
  --public-bg:#f4efd7;
  --public-ink:#171903;
  --public-muted:#606038;
  --public-card:#fff9e6;
  --public-card-strong:#f2e8bd;
  --public-line:rgba(23,25,3,.16);
  --public-leaf:#7b8822;
  --public-leaf-dark:#343a0d;
  --public-leaf-soft:#eef2bb;
  --public-wheat:#efe5bd;
  --public-wheat-dark:#b8a94f;
  --public-wheat-border:#cb9a2d;
  --public-earth:#171903;
  --public-sky:#f4efd7;
  --public-danger:#9b3d2c;
  --public-radius:22px;
  --public-shadow:0 20px 54px rgba(82,70,25,.18);
  --public-shadow-soft:0 12px 30px rgba(82,70,25,.11);
  --public-max:1440px;
  --public-bg-img:url("/images/logo-principal.png");
  --public-site-bg-img:url("/images/site-background-nature.png");
  --public-hero-img:url("/images/hero-farming-community.jpg");
}

html.force-light,
body.public-page{
  color-scheme:light;
}

html.force-light{
  min-height:100%;
  background-color:var(--public-bg);
  background-image:var(--public-site-bg-img);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
  background-attachment:fixed;
}

body.public-page{
  min-height:100dvh;
  color:var(--public-ink);
  background-color:var(--public-bg);
  background-image:var(--public-site-bg-img);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
  background-attachment:fixed;
  overflow-x:hidden;
}

body.public-page::before{
  opacity:.06;
  background-image:var(--public-bg-img);
  background-repeat:no-repeat;
  background-position:center calc(var(--site-header-h, 64px) + 20px);
  background-size:min(620px, 68vw) auto;
  pointer-events:none;
  filter:none !important;
}

.public-shell{
  width:min(var(--public-max), calc(100vw - 40px));
  max-width:none;
  margin:calc(var(--site-header-h, 64px) + 18px) auto 0;
  padding:clamp(16px, 2.4vw, 28px);
  border:5px solid var(--public-wheat-border);
  border-radius:24px;
  background:rgba(255,253,247,.72);
  box-shadow:0 18px 48px rgba(29,53,38,.18);
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}

body.public-page *{
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}

.page-univers .univers-main{
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
}

.public-hero,
.public-section,
.public-footer,
.legal-card{
  border:1px solid var(--public-line);
  border-radius:var(--public-radius);
  background:
    linear-gradient(180deg, rgba(255,249,230,.94), rgba(242,232,189,.90));
  box-shadow:var(--public-shadow-soft);
}

.public-hero{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,360px);
  align-items:center;
  gap:clamp(18px,3vw,42px);
  min-height:auto;
  padding:clamp(24px,3.4vw,48px);
  box-shadow:var(--public-shadow);
}

.page-home .public-hero{
  min-height:clamp(360px, 46svh, 500px);
  background:
    radial-gradient(circle at 20% 12%, rgba(255,249,230,.92), transparent 26rem),
    linear-gradient(105deg, rgba(255,249,230,.98) 0%, rgba(255,249,230,.92) 42%, rgba(255,249,230,.42) 68%, rgba(23,25,3,.16) 100%),
    linear-gradient(180deg, rgba(255,255,255,.12), rgba(82,70,25,.18)),
    var(--public-hero-img) center / cover no-repeat;
}

.public-hero::after{
  content:"";
  position:absolute;
  inset:auto -12% -34% 38%;
  height:310px;
  background:radial-gradient(circle, rgba(123,136,34,.20), transparent 70%);
  pointer-events:none;
}

.page-home .public-hero::after{
  inset:0;
  height:auto;
  background:
    radial-gradient(circle at 78% 68%, rgba(123,136,34,.18), transparent 22rem),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(23,25,3,.06));
}

.hero-copy,
.hero-panel{
  position:relative;
  z-index:1;
}

.eyebrow,
.section-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 0 14px;
  padding:7px 12px;
  border-radius:999px;
  color:#fff9e6;
  background:rgba(23,25,3,.78);
  border:1px solid rgba(239,229,189,.24);
  font-size:.82rem;
  font-weight:850;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.section-eyebrow{
  color:var(--public-leaf-dark);
  background:rgba(255,249,230,.78);
  border-color:rgba(123,136,34,.28);
}

.highlight-panel .section-eyebrow{
  color:var(--public-ink);
  background:var(--public-wheat);
  border-color:rgba(255,249,230,.32);
}

.public-hero h1,
.page-hero-title{
  margin:0;
  max-width:860px;
  font-size:clamp(2rem, 4.1vw, 4rem);
  line-height:1;
  letter-spacing:-.055em;
  color:var(--public-ink);
}

.public-hero h1 span,
.text-gradient{
  color:transparent;
  background:linear-gradient(120deg, var(--public-leaf-dark), var(--public-leaf), var(--public-wheat-dark));
  -webkit-background-clip:text;
  background-clip:text;
}

.brand-word{
  display:inline-block;
  white-space:nowrap;
  color:var(--public-leaf);
  background:none;
  -webkit-background-clip:initial;
  background-clip:initial;
  -webkit-text-fill-color:currentColor;
  text-shadow:0 2px 0 rgba(255,249,230,.58);
}

.hero-lead,
.section-lead{
  max-width:760px;
  color:var(--public-muted);
  font-size:clamp(1rem, 1.25vw, 1.14rem);
  line-height:1.58;
}

.hero-keywords{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:18px 0;
  padding:0;
  list-style:none;
}

.hero-keywords li,
.pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 11px;
  border-radius:999px;
  color:#fff9e6;
  background:rgba(23,25,3,.82);
  border:1px solid var(--public-line);
  font-weight:750;
  box-shadow:0 6px 16px rgba(22,44,26,.06);
}

.public-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:20px;
}

.public-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 16px;
  border-radius:14px;
  border:1px solid transparent;
  font-weight:900;
  text-decoration:none;
  cursor:pointer;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.public-btn:hover{
  transform:translateY(-2px);
}

.public-btn.public-btn-primary{
  color:var(--public-ink);
  background:linear-gradient(135deg, #fff9e6 0%, #efe5bd 48%, #d4c15b 100%);
  border-color:rgba(184,169,79,.58);
  box-shadow:0 12px 28px rgba(123,112,42,.24);
}

.public-btn.public-btn-primary:hover,
.public-btn.public-btn-primary:focus-visible{
  background:linear-gradient(135deg, #fffdf3 0%, #f3e9bf 45%, #c8b54c 100%);
  border-color:rgba(123,136,34,.72);
  box-shadow:0 15px 32px rgba(93,96,28,.29);
}

.public-btn-secondary{
  color:#fff9e6;
  background:linear-gradient(135deg, var(--public-ink), var(--public-leaf-dark));
  border-color:rgba(239,229,189,.28);
  box-shadow:0 12px 28px rgba(23,25,3,.22);
}

.public-btn-ghost{
  color:var(--public-ink);
  background:rgba(255,249,230,.76);
  border-color:var(--public-line);
}

.hero-panel{
  align-self:center;
  justify-self:end;
  display:grid;
  gap:10px;
  width:min(100%, 340px);
  padding:16px;
  border-radius:18px;
  background:
    linear-gradient(180deg, rgba(23,25,3,.94), rgba(52,58,13,.92)),
    radial-gradient(circle at top right, rgba(123,136,34,.20), transparent 16rem);
  color:#fff9e6;
  box-shadow:0 16px 38px rgba(23,25,3,.24);
}

.hero-panel h2{
  margin:0;
  font-size:1.08rem;
}

.hero-panel p{
  margin:0;
  font-size:.95rem;
  color:rgba(247,241,223,.78);
  line-height:1.55;
}

.live-mini-grid,
.proof-grid,
.feature-grid,
.steps-grid,
.seo-grid,
.legal-grid{
  display:grid;
  gap:18px;
}

.live-mini-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.live-mini{
  display:grid;
  align-content:center;
  min-height:86px;
  padding:12px 14px;
  border-radius:14px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,249,230,.16);
}

.live-mini strong{
  display:flex;
  align-items:baseline;
  gap:3px;
  font-size:1.55rem;
  line-height:1;
}

.live-mini > span{
  display:block;
  margin-top:5px;
  color:rgba(255,255,255,.74);
  font-size:.86rem;
  font-weight:700;
}

.live-mini strong span{
  display:inline;
  margin:0;
  color:inherit;
  font-size:inherit;
  font-weight:inherit;
}

.public-section{
  margin-top:18px;
  padding:clamp(24px,2.7vw,42px);
}

.section-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:20px;
}

.section-head h2,
.public-section h2{
  margin:0;
  color:var(--public-ink);
  font-size:clamp(1.55rem, 2.45vw, 2.25rem);
  line-height:1.08;
  letter-spacing:-.04em;
}

.section-head p{
  max-width:560px;
  margin:0;
  color:var(--public-muted);
  line-height:1.6;
}

.proof-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.proof-card,
.feature-card,
.step-card,
.seo-card,
.legal-section,
.server-note-card{
  padding:22px;
  border-radius:18px;
  background:linear-gradient(180deg, rgba(255,249,230,.96), rgba(239,229,189,.90));
  border:1px solid var(--public-line);
  box-shadow:0 12px 28px rgba(82,70,25,.10);
}

.proof-card strong{
  display:block;
  color:var(--public-ink);
  font-size:1.8rem;
  line-height:1;
}

.proof-card span{
  display:block;
  margin-top:8px;
  color:var(--public-muted);
  font-weight:700;
}

.feature-grid,
.seo-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.page-home .steps-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.feature-card h3,
.step-card h3,
.seo-card h3,
.legal-section h2{
  margin:0 0 10px;
  color:var(--public-ink);
}

.feature-card p,
.step-card p,
.seo-card p,
.legal-section p,
.legal-section li{
  color:var(--public-muted);
  line-height:1.65;
}

.icon-round,
.step-number{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  margin-bottom:16px;
  border-radius:16px;
  color:#fff9e6;
  background:linear-gradient(135deg, var(--public-ink), var(--public-leaf));
  font-weight:950;
  box-shadow:0 10px 22px rgba(23,25,3,.18);
}

.steps-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  counter-reset:steps;
  list-style:none;
  margin:0;
  padding:0;
}

.step-card{
  counter-increment:steps;
}

.step-number::before{
  content:counter(steps);
}

.split-section{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:22px;
  align-items:stretch;
}

.highlight-panel{
  padding:24px;
  border-radius:20px;
  color:#fff9e6;
  background:
    linear-gradient(145deg, rgba(23,25,3,.96), rgba(52,58,13,.94)),
    var(--public-bg-img) center / 120% auto no-repeat;
  box-shadow:var(--public-shadow-soft);
}

.highlight-panel h2,
.highlight-panel p{
  color:#fff9e6;
}

.highlight-panel p{
  opacity:.82;
}

.check-list{
  display:grid;
  gap:12px;
  margin:18px 0 0;
  padding:0;
  list-style:none;
}

.check-list li{
  padding-left:28px;
  position:relative;
  color:#efe5bd;
  line-height:1.55;
}

.check-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.45em;
  width:14px;
  height:14px;
  border-radius:50%;
  background:linear-gradient(135deg, #fff9e6, var(--public-leaf));
  box-shadow:inset 0 0 0 4px #fff9e6;
}

.public-footer{
  margin-top:20px;
  padding:18px 24px;
  background:rgba(23,25,3,.90);
  border-color:rgba(239,229,189,.18);
}

.footer-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
}

.footer-inner p{
  margin:0;
  color:#efe5bd;
  font-weight:700;
}

.footer-inner nav{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}

.footer-inner a{
  color:#fff9e6;
  font-weight:850;
}

.anchor-nav{
  position:sticky;
  top:calc(var(--site-header-h, 64px) + 12px);
  z-index:20;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:16px 0 18px;
  padding:8px;
  border-radius:18px;
  background:linear-gradient(180deg, rgba(255,249,230,.92), rgba(239,229,189,.82));
  border:1px solid var(--public-line);
  box-shadow:0 10px 26px rgba(82,70,25,.10);
}

.anchor-nav a{
  padding:9px 12px;
  border-radius:12px;
  color:var(--public-leaf-dark);
  font-weight:850;
  background:rgba(255,249,230,.58);
  border:1px solid rgba(123,136,34,.18);
}

.anchor-nav a:hover,
.anchor-nav a.is-active{
  color:#fff;
  background:linear-gradient(135deg, var(--public-leaf), var(--public-leaf-dark));
}

.faq-list{
  display:grid;
  gap:12px;
}

.faq-list details{
  padding:18px 20px;
  border-radius:18px;
  background:rgba(255,249,230,.94);
  border:1px solid var(--public-line);
}

.faq-list summary{
  cursor:pointer;
  font-weight:900;
  color:var(--public-ink);
}

.faq-list p{
  margin:12px 0 0;
  color:var(--public-muted);
  line-height:1.65;
}

.about-tabs{
  display:grid;
  gap:16px;
}

.about-tabs-nav{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  padding:8px;
  border-radius:18px;
  background:rgba(255,249,230,.78);
  border:1px solid var(--public-line);
}

.about-tabs-nav button{
  min-height:42px;
  padding:10px 14px;
  border:1px solid rgba(123,136,34,.22);
  border-radius:14px;
  color:var(--public-leaf-dark);
  background:rgba(255,255,255,.62);
  cursor:pointer;
  font-weight:900;
}

.about-tabs-nav button[aria-selected="true"]{
  color:#fff9e6;
  background:linear-gradient(135deg, var(--public-ink), var(--public-leaf-dark));
  border-color:rgba(239,229,189,.30);
  box-shadow:0 10px 22px rgba(23,25,3,.18);
}

.about-panel{
  padding:22px;
  border-radius:20px;
  background:linear-gradient(180deg, rgba(255,249,230,.96), rgba(239,229,189,.90));
  border:1px solid var(--public-line);
  box-shadow:0 12px 28px rgba(82,70,25,.10);
}

.about-panel h3{
  margin:0 0 8px;
  color:var(--public-ink);
  font-size:clamp(1.25rem, 1.8vw, 1.7rem);
}

.about-panel p{
  max-width:780px;
  margin:0;
  color:var(--public-muted);
  line-height:1.65;
}

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

.home-recruitment-count{
  display:inline-flex;
  align-items:center;
  margin:12px 0 0;
  padding:7px 11px;
  border-radius:999px;
  color:var(--public-leaf-dark);
  background:rgba(238,242,187,.86);
  border:1px solid rgba(123,136,34,.28);
  font-weight:900;
  font-size:.92rem;
}

.home-recruitment-count.is-hidden{
  display:none;
}

.home-recruitment-card{
  display:flex;
  flex-direction:column;
  gap:10px;
  min-height:100%;
  padding:16px;
  border-radius:16px;
  background:linear-gradient(180deg, rgba(255,249,230,.96), rgba(239,229,189,.90));
  border:1px solid var(--public-line);
  box-shadow:0 12px 28px rgba(82,70,25,.10);
}

.home-recruitment-card-head{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}

.home-recruitment-card h3{
  margin:0;
  color:var(--public-ink);
  font-size:1.05rem;
}

.home-recruitment-card-head h3{
  flex:1 1 auto;
  min-width:0;
  overflow-wrap:anywhere;
}

.home-farm-logo{
  position:relative;
  display:grid;
  flex:0 0 auto;
  place-items:center;
  width:58px;
  height:58px;
  overflow:hidden;
  border-radius:14px;
  border:1px solid rgba(82,70,25,.22);
  background:#fffdf7;
  color:var(--public-leaf-dark);
  font-size:1.05rem;
  font-weight:950;
  box-shadow:0 8px 18px rgba(82,70,25,.10);
}

.home-farm-logo img{
  position:absolute;
  inset:0;
  z-index:1;
  width:100%;
  height:100%;
  padding:4px;
  background:#fffdf7;
  object-fit:contain;
  filter:none;
  image-rendering:auto;
  transform:none;
}

.home-farm-logo__fallback{
  position:relative;
  z-index:0;
}

.home-farm-logo--fallback img{
  display:none;
}

.home-farm-logo--modal{
  width:54px;
  height:54px;
  border-radius:14px;
}

.home-recruitment-card p{
  margin:0;
  color:var(--public-muted);
  line-height:1.5;
}

.home-recruitment-summary{
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.home-recruitment-card .public-btn{
  margin-top:auto;
  transition:box-shadow .16s ease, border-color .16s ease, background .16s ease;
  transform:none;
}

.home-recruitment-card .public-btn:hover{
  transform:none;
}

.home-recruitment-empty{
  display:inline-flex;
  align-items:center;
  padding:7px 10px;
  border-radius:999px;
  color:var(--public-leaf-dark);
  background:rgba(255,249,230,.72);
  border:1px solid rgba(123,136,34,.24);
  font-weight:800;
  font-size:.9rem;
}

.home-recruitment-empty{
  justify-content:center;
  min-height:92px;
  border-radius:18px;
  width:100%;
}

.home-recruitment-empty.is-hidden{
  display:none;
}

.recruitment-modal{
  position:fixed;
  inset:0;
  z-index:2000;
  display:grid;
  place-items:center;
  padding:20px;
  background:rgba(23,25,3,.58);
}

.recruitment-modal.is-hidden{
  display:none;
}

.recruitment-modal-card{
  width:min(720px, 100%);
  max-height:min(760px, calc(100dvh - 40px));
  overflow:auto;
  border-radius:24px;
  border:1px solid var(--public-line);
  background:
    radial-gradient(circle at 100% 0%, rgba(203,154,45,.16), transparent 14rem),
    linear-gradient(180deg, rgba(255,253,247,.98), rgba(239,229,189,.95));
  box-shadow:0 24px 70px rgba(23,25,3,.32);
}

.recruitment-modal-head{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:center;
  padding:20px 22px 12px;
  border-bottom:1px solid var(--public-line);
}

.recruitment-modal-head h3{
  flex:1 1 auto;
  min-width:0;
  margin:0;
  color:var(--public-ink);
  font-size:1.45rem;
  overflow-wrap:anywhere;
}

.recruitment-modal-close{
  flex:0 0 auto;
  border:1px solid var(--public-line);
  border-radius:999px;
  width:38px;
  height:38px;
  background:rgba(255,249,230,.74);
  color:var(--public-ink);
  cursor:pointer;
  font-size:1.2rem;
  font-weight:900;
}

.recruitment-modal-body{
  display:grid;
  gap:14px;
  padding:18px 22px 22px;
}

.recruitment-modal-section strong{
  display:block;
  margin-bottom:4px;
  color:var(--public-ink);
}

.recruitment-modal-section p{
  margin:0;
  color:var(--public-muted);
  line-height:1.58;
  white-space:pre-wrap;
}

.status-page .public-hero{
  grid-template-columns:1fr;
}

.page-status .public-hero,
.page-legal .public-hero{
  padding-block:clamp(22px,3vw,38px);
}

.page-status .hero-copy,
.page-legal .hero-copy{
  max-width:920px;
}

.status-dashboard{
  display:grid;
  gap:22px;
}

.live-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
  padding:16px;
  border-radius:18px;
  background:linear-gradient(180deg, rgba(255,249,230,.96), rgba(239,229,189,.90));
  border:1px solid var(--public-line);
}

.meters,
.toolbar-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  align-items:center;
}

.meter,
.toggle,
.btn-live{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 12px;
  border-radius:12px;
  background:var(--public-card-strong);
  border:1px solid rgba(23,25,3,.14);
  color:var(--public-ink);
  font-weight:850;
}

.btn-live{
  cursor:pointer;
}

.status-layout{
  display:grid;
  grid-template-columns:320px minmax(0,1fr);
  gap:18px;
}

.status-page .status-layout{
  grid-template-columns:1fr;
}

.status-page .servers-chooser{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.panel{
  min-width:0;
  padding:18px;
  border-radius:20px;
  background:linear-gradient(180deg, rgba(255,249,230,.96), rgba(239,229,189,.90));
  border:1px solid var(--public-line);
  box-shadow:0 10px 24px rgba(82,70,25,.09);
}

.panel-head{
  margin-bottom:16px;
}

.status-page .panel-servers{
  position:static;
}

.panel-head h2{
  margin:0;
}

.servers-chooser,
.players-list{
  display:grid;
  gap:12px;
}

.server-btn,
.server-item,
.summary-card,
.player-card,
.empty-state,
.server-row,
.traffic-hero,
.traffic-server-card{
  border-radius:18px;
  border:1px solid var(--public-line);
  background:linear-gradient(180deg, rgba(255,249,230,.96), rgba(239,229,189,.90));
}

.server-btn,
.server-item{
  width:100%;
  padding:14px;
  text-align:left;
  cursor:pointer;
}

.server-btn.is-active,
.server-btn[aria-pressed="true"],
.server-item[aria-pressed="true"]{
  border-color:rgba(47,122,62,.42);
  background:#eef2bb;
}

.server-item-top,
.server-item-main,
.server-foot,
.traffic-hero-head,
.traffic-server-card-head,
.traffic-server-card-infos{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.server-item-top,
.server-foot,
.traffic-server-card-head{
  justify-content:space-between;
}

.server-name,
.traffic-title{
  margin:0;
  color:var(--public-ink);
  font-weight:950;
}

.server-meta,
.traffic-subtitle{
  color:var(--public-muted);
  line-height:1.5;
}

.dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#9ca3af;
}

.dot.on{ background:#22c55e; box-shadow:0 0 0 5px rgba(34,197,94,.12); }
.dot.off{ background:#ef4444; box-shadow:0 0 0 5px rgba(239,68,68,.10); }

.status-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  border-radius:999px;
  padding:6px 9px;
  font-size:.82rem;
  font-weight:900;
}

.status-pill.is-online{
  color:#14532d;
  background:#dcfce7;
}

.status-pill.is-offline{
  color:#7f1d1d;
  background:#fee2e2;
}

.status-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 10px;
  border-radius:999px;
  font-size:.82rem;
  font-weight:950;
}

.status-badge.online{
  color:#14532d;
  background:#dcfce7;
}

.status-badge.offline{
  color:#7f1d1d;
  background:#fee2e2;
}

.status-badge.big{
  font-size:.95rem;
  padding:9px 12px;
}

.summary-grid,
.all-traffic-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.summary-card,
.traffic-hero,
.traffic-server-card,
.empty-state{
  padding:18px;
}

.summary-card{
  display:flex;
  gap:12px;
  align-items:center;
}

.summary-card-icon{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:14px;
  background:var(--public-leaf-soft);
}

.summary-card-label,
.summary-card-note{
  color:var(--public-muted);
  font-size:.9rem;
}

.summary-card-value{
  color:var(--public-ink);
  font-size:1.25rem;
  font-weight:950;
}

.traffic-detail,
.all-traffic{
  display:grid;
  gap:16px;
}

@media (max-width:640px){
  .summary-grid,
  .all-traffic-grid{
    grid-template-columns:1fr;
  }
}

.legal-card{
  padding:clamp(24px,2.7vw,42px);
  background:linear-gradient(180deg, rgba(255,249,230,.95), rgba(239,229,189,.90));
}

.legal-grid{
  grid-template-columns:1fr;
}

.legal-section ul{
  margin:12px 0 0;
  padding-left:1.2rem;
}

.notice-box{
  padding:18px;
  border-radius:18px;
  border:1px solid rgba(239,229,189,.22);
  background:rgba(23,25,3,.92);
  color:#fff9e6;
  font-weight:800;
}

@media (max-width:980px){
  .public-hero,
  .split-section,
  .status-layout{
    grid-template-columns:1fr;
  }

  .hero-panel{
    justify-self:stretch;
    width:100%;
  }

  .proof-grid,
  .feature-grid,
  .steps-grid,
  .seo-grid,
  .home-recruitment-grid,
  .page-home .steps-grid,
  .status-page .servers-chooser{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:640px){
  html.force-light,
  body.public-page{
    background-attachment:scroll;
  }

  .public-shell{
    width:min(var(--public-max), calc(100% - 18px));
    padding:12px;
    border-width:3px;
    border-radius:18px;
    margin-top:calc(var(--site-header-h, 64px) + 16px);
  }

  .public-hero,
  .public-section,
  .legal-card{
    padding:24px;
    border-radius:22px;
  }

  .proof-grid,
  .feature-grid,
  .steps-grid,
  .seo-grid,
  .home-recruitment-grid,
  .status-page .servers-chooser,
  .live-mini-grid{
    grid-template-columns:1fr;
  }

  .section-head{
    display:block;
  }

  .public-actions,
  .about-tabs-nav,
  .toolbar-actions{
    flex-direction:column;
    align-items:stretch;
  }

  .about-tabs-nav button{
    width:100%;
  }

  .public-btn{
    width:100%;
  }
}