:root{--bg:#07110e;--panel:#0d1b16;--panel2:#10231b;--green:#37d98a;--green2:#9bf5c5;--text:#eef7f1;--muted:#9aada3;--line:rgba(180,230,203,.13);--font:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}.ambient{position:absolute;pointer-events:none;filter:blur(90px);opacity:.15;border-radius:50%;z-index:-1}.ambient-one{width:420px;height:420px;background:#12a866;top:100px;right:-160px}.ambient-two{width:320px;height:320px;background:#176c50;top:650px;left:-190px}
.site-header{height:84px;max-width:1240px;padding:0 32px;margin:auto;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:11px;font:700 16px var(--display);letter-spacing:1.5px}.brand-mark{width:34px;height:34px;border:1px solid rgba(55,217,138,.65);border-radius:10px;display:grid;place-items:center;color:var(--green);font:700 20px var(--display);box-shadow:0 0 22px rgba(55,217,138,.12)}.brand-accent{color:var(--green)}.nav{display:flex;align-items:center;gap:28px}.nav a{font-size:12px;font-weight:600;color:#a9bbb1;transition:.2s}.nav a:hover,.nav a.active{color:#fff}.nav .nav-cta{color:var(--green2);border:1px solid rgba(55,217,138,.35);padding:10px 15px;border-radius:7px}.nav-cta span{margin-left:7px}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:22px;height:2px;background:var(--green);margin:5px}
.hero{max-width:1240px;min-height:660px;margin:auto;padding:100px 32px 80px;position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center}.hero-content{position:relative;z-index:3}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:700;color:var(--green);display:flex;align-items:center;gap:10px}.pulse{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display);line-height:1.08;letter-spacing:-1.5px}h1{font-size:clamp(54px,7vw,88px);margin:25px 0 20px}h2{font-size:clamp(38px,5vw,58px);margin:18px 0}h3{font-size:21px}.gradient-text{background:linear-gradient(100deg,#b8f8d4 0%,#39d88c 55%,#159c65 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy,.page-hero>p{max-width:490px;color:var(--muted);font-size:16px;line-height:1.8}.hero-actions{display:flex;gap:13px;margin:32px 0 27px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:14px 20px;border-radius:7px;font-size:12px;font-weight:700;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--green);color:#062015;box-shadow:0 8px 30px rgba(55,217,138,.14)}.button-primary:hover{box-shadow:0 10px 34px rgba(55,217,138,.27)}.button-ghost{border:1px solid var(--line);color:#dce9e1}.server-chip{display:inline-flex;align-items:center;gap:11px;background:rgba(13,27,22,.85);border:1px solid var(--line);padding:11px 13px;border-radius:8px}.status-dot{width:7px;height:7px;border-radius:50%;background:#d6a64b}.server-label{font-size:9px;letter-spacing:1.2px;color:var(--muted);font-weight:700}.server-chip code,.connection-field code{font:600 11px var(--font);color:var(--green2)}.copy-button{background:rgba(55,217,138,.1);border:1px solid rgba(55,217,138,.2);color:var(--green2);font:600 10px var(--font);padding:6px 9px;border-radius:5px;cursor:pointer}.hero-meta{display:flex;gap:38px;margin-top:48px}.hero-meta div{display:grid;gap:4px}.hero-meta strong{font-size:9px;letter-spacing:1.5px;color:#d8e8de}.hero-meta span{font-size:11px;color:var(--muted)}
.hero-art{height:440px;position:relative;z-index:0;display:grid;place-items:center;perspective:800px;pointer-events:none}.hero-art:before{content:"";position:absolute;width:310px;height:310px;border-radius:50%;background:radial-gradient(circle,rgba(30,190,113,.22),rgba(10,50,33,.04) 65%,transparent 70%);filter:blur(8px)}.orbit{position:absolute;border:1px solid rgba(91,224,158,.22);border-radius:50%;transform:rotate(-27deg) skewX(14deg)}.orbit-a{width:430px;height:170px}.orbit-b{width:330px;height:120px;transform:rotate(53deg) skewX(-12deg);border-color:rgba(91,224,158,.12)}.cube{position:absolute;width:110px;height:110px;background:linear-gradient(135deg,#1a9a60,#0b3b29);transform:rotate(30deg) skew(-8deg,-8deg);box-shadow:18px 20px 60px rgba(0,0,0,.45),inset 1px 1px 0 rgba(200,255,221,.2);border:1px solid rgba(129,245,178,.25)}.cube:before,.cube:after{content:"";position:absolute;background:linear-gradient(135deg,#16784e,#0b3928);border:1px solid rgba(129,245,178,.2)}.cube:before{width:100%;height:35px;top:-36px;left:17px;transform:skewX(-45deg);transform-origin:bottom}.cube:after{height:100%;width:34px;right:-35px;top:-18px;transform:skewY(-45deg);transform-origin:left}.cube-large{width:145px;height:145px;top:115px;left:34%;z-index:2;background:linear-gradient(135deg,#26b875,#0d4b32)}.cube-small{width:62px;height:62px;bottom:90px;left:18%;transform:rotate(30deg) skew(-8deg,-8deg) scale(.8);opacity:.8}.cube-mid{width:75px;height:75px;right:13%;bottom:105px;transform:rotate(30deg) skew(-8deg,-8deg) scale(.85);background:linear-gradient(135deg,#135b3e,#092d20)}.art-caption{position:absolute;bottom:22px;right:8px;display:flex;align-items:center;gap:10px;color:#718b7d;font-size:8px;letter-spacing:2px}.caption-line{width:30px;height:1px;background:var(--green)}.hero-scroll{position:absolute;bottom:25px;left:32px;color:#6e8578;font-size:8px;letter-spacing:2px}.hero-scroll span{color:var(--green);margin-left:10px}
.section{max-width:1176px;margin:0 auto;padding:100px 32px}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--line)}.intro-text{padding-top:28px;max-width:490px}.intro-text p,.section-heading>p,.prose p{color:var(--muted);font-size:15px;line-height:1.9}.text-link{display:inline-flex;gap:15px;color:var(--green2);font-size:12px;font-weight:700;margin-top:15px}.feature-section{padding-top:45px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px}.section-heading>p{max-width:310px;margin-bottom:8px}.feature-grid,.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card,.value-card,.staff-card{background:linear-gradient(145deg,rgba(16,35,27,.95),rgba(9,22,17,.85));border:1px solid var(--line);border-radius:11px;padding:27px;min-height:230px;transition:.25s}.feature-card:hover,.staff-card:hover{border-color:rgba(55,217,138,.4);transform:translateY(-4px)}.feature-icon{font-size:27px;color:var(--green);margin-bottom:24px}.card-number{font-size:9px;letter-spacing:1.8px;color:#6d8a79}.feature-card h3{margin:12px 0}.feature-card p,.value-card p,.staff-card p{color:var(--muted);font-size:12px;line-height:1.8}.command-band{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(12,37,26,.4),transparent)}.command-list{display:grid;gap:0}.command-list div{display:flex;align-items:center;gap:20px;padding:17px 0;border-bottom:1px solid var(--line)}.command-list code{width:75px;color:var(--green2);font-size:13px}.command-list span{color:var(--muted);font-size:12px}.final-cta{text-align:center;padding:110px 24px 120px;background:radial-gradient(ellipse at center,rgba(22,107,68,.2),transparent 65%)}.final-cta .eyebrow{justify-content:center}.final-cta h2{font-size:clamp(42px,6vw,68px)}.final-cta p{color:var(--muted);font-size:14px;margin:0 auto 25px}
.footer{max-width:1240px;margin:auto;padding:28px 32px 35px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.footer>span,.footer>div a{font-size:10px;color:#81958a}.footer>div{display:flex;gap:20px}.footer>div a:hover{color:var(--green2)}
.page-hero{max-width:1176px;margin:auto;padding:105px 32px 75px;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(48px,6vw,76px);margin:22px 0}.page-hero>p{max-width:620px}.split-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.prose p{margin-bottom:22px}.note-card{border:1px solid rgba(55,217,138,.22);background:rgba(15,46,31,.45);padding:20px;border-radius:8px;display:grid;gap:6px}.note-card strong{font:600 14px var(--display);color:var(--green2)}.note-card span{font-size:12px;color:var(--muted);line-height:1.7}.value-card{min-height:190px}.value-card>span{font-size:10px;color:var(--green);letter-spacing:2px}.value-card h3{margin:25px 0 10px}
.join-layout{display:grid;grid-template-columns:1fr .85fr;gap:70px;align-items:start}.join-steps{display:grid;gap:14px}.step-card{display:flex;gap:24px;padding:25px;border-bottom:1px solid var(--line)}.step-index{font:600 20px var(--display);color:var(--green)}.step-card h3{margin:0 0 8px}.step-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.8}.connection-card{padding:28px;background:linear-gradient(145deg,#10251b,#0b1712);border:1px solid rgba(55,217,138,.22);border-radius:12px}.connection-card h2{font-size:34px;margin:15px 0 28px}.connection-field{padding:15px 0;border-bottom:1px solid var(--line)}.connection-field label{display:block;color:#81988a;font-size:9px;letter-spacing:1.6px;font-weight:700;margin-bottom:9px}.connection-field>div{display:flex;justify-content:space-between;gap:10px;align-items:center}.small-muted{font-size:10px;color:#7e9186;line-height:1.7;margin:18px 0}.button-full{width:100%;margin-top:10px}
.rules-list{max-width:900px}.rule-row{display:grid;grid-template-columns:60px 1fr;gap:18px;padding:24px 0;border-bottom:1px solid var(--line)}.rule-row>span{font:600 18px var(--display);color:var(--green)}.rule-row h3{margin:0 0 8px}.rule-row p{margin:0;color:var(--muted);font-size:13px;line-height:1.8}.rules-list .note-card{margin-top:30px}
.staff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.staff-card{text-align:center;min-height:240px}.staff-profile{display:block;color:inherit;text-decoration:none;cursor:pointer}.staff-profile:focus-visible{outline:2px solid var(--green);outline-offset:4px}.staff-profile-link{display:inline-block;margin-top:10px;color:var(--green2);font-size:9px;font-weight:700;letter-spacing:1.2px}.staff-hint{text-align:center;margin-top:24px;color:var(--muted);font-size:12px}.avatar-placeholder{width:66px;height:66px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#1d8759,#102f22);border:1px solid rgba(55,217,138,.35);font:700 24px var(--display);color:#c6f9db}.role-tag{font-size:8px;letter-spacing:2px;color:var(--green)}.staff-card h3{margin:9px 0}.staff-note{margin-top:24px}
.store-placeholder,.support-panel{max-width:650px;margin:45px auto 100px;text-align:center;padding:55px 32px;background:linear-gradient(145deg,rgba(16,35,27,.85),rgba(9,22,17,.6));border:1px solid var(--line);border-radius:14px}.store-symbol,.support-icon{font-size:42px;color:var(--green);margin-bottom:20px}.store-placeholder .eyebrow{justify-content:center}.store-placeholder h2{font-size:44px}.store-placeholder p,.support-panel p{max-width:430px;margin:0 auto 25px;color:var(--muted);font-size:13px;line-height:1.8}.support-panel h2{font-size:38px}.support-panel .small-muted{margin-top:20px}
@media(max-width:850px){.nav{gap:15px}.nav a{font-size:11px}.hero{grid-template-columns:1fr;padding-top:75px}.hero-art{position:absolute;right:-100px;top:100px;width:50%;opacity:.35;z-index:0}.hero-content{max-width:650px}.intro-grid,.split-section,.join-layout,.command-band{grid-template-columns:1fr;gap:28px}.intro-text{padding-top:0}.section-heading{align-items:start;gap:20px;flex-direction:column}.section-heading>p{max-width:500px}.command-band{gap:15px}.page-hero{padding-top:80px}}
@media(max-width:640px){.site-header{height:70px;padding:0 20px}.menu-toggle{display:block;z-index:12}.nav{display:none;position:absolute;top:69px;left:0;right:0;background:#091610;border-bottom:1px solid var(--line);padding:20px;flex-direction:column;align-items:stretch;gap:0}.nav.nav-open{display:flex}.nav a{padding:13px 5px;border-bottom:1px solid var(--line);font-size:13px}.nav .nav-cta{margin-top:12px;text-align:center}.hero{padding:76px 22px 80px;min-height:680px}.hero-art{right:-170px;top:120px;width:90%;opacity:.24}.hero h1{font-size:58px}.hero-copy{font-size:14px;max-width:370px}.hero-actions{flex-wrap:wrap}.server-chip{flex-wrap:wrap}.hero-meta{gap:20px;flex-wrap:wrap;margin-top:36px}.hero-scroll{left:22px}.section{padding:72px 22px}.intro-grid{gap:10px}.feature-grid,.value-grid,.staff-grid{grid-template-columns:1fr}.feature-card{min-height:190px}.page-hero{padding:75px 22px 55px}.page-hero h1{font-size:49px}.footer{padding:25px 22px;align-items:flex-start;flex-direction:column}.footer>div{flex-wrap:wrap}.join-layout{gap:35px}.connection-card{padding:22px}.store-placeholder,.support-panel{margin:25px 22px 70px;padding:42px 22px}.rule-row{grid-template-columns:35px 1fr;gap:12px}.hero-meta div{min-width:90px}}


/* UnitedSMP responsive layout improvements */
*, *::before, *::after { box-sizing: border-box; }
html, body { width: 100%; min-width: 320px; overflow-x: clip; }
img, svg, video, canvas { max-width: 100%; height: auto; }
.container, .site-container, main, .page-wrap {
  width: min(100% - 40px, 1180px);
  margin-inline: auto;
}
header, .site-header, .navbar, .nav-wrap { max-width: 100%; }
nav, .nav-links, .navigation { flex-wrap: wrap; min-width: 0; }
nav a, .nav-links a, .navigation a { white-space: nowrap; }
.hero, .hero-section, .hero-inner {
  min-width: 0; gap: clamp(20px, 4vw, 56px);
}
.hero-content, .hero-art, .hero-copy, .hero-visual {
  min-width: 0; max-width: 100%;
}
.hero h1, .hero-title, h1 { overflow-wrap: anywhere; line-height: 1.04; }
.hero-art { isolation: isolate; pointer-events: none; }
.hero-content { position: relative; z-index: 3; }
.grid, .cards, .feature-grid, .staff-grid, .command-grid {
  min-width: 0;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
}
.card, .staff-card, .feature-card, .command-card {
  min-width: 0; overflow-wrap: anywhere;
}
button, .button, .btn, a.button, a.btn {
  max-width: 100%; white-space: normal; text-align: center;
}
pre, code, .server-address {
  overflow-wrap: anywhere; word-break: break-word;
}
@media (max-width: 900px) {
  .container, .site-container, main, .page-wrap {
    width: min(100% - 32px, 760px);
  }
  .hero, .hero-section, .hero-inner {
    display: grid; grid-template-columns: 1fr !important; align-items: center;
  }
  .hero-art, .hero-visual {
    width: 100%; max-width: 560px; margin-inline: auto;
  }
  .hero-content, .hero-copy { text-align: center; }
  .hero-content p, .hero-copy p { margin-inline: auto; }
  .nav-links, .navigation { justify-content: center; gap: 10px 16px; }
}
@media (max-width: 600px) {
  .container, .site-container, main, .page-wrap { width: calc(100% - 28px); }
  header, .site-header, .navbar, .nav-wrap { padding-inline: 14px; }
  nav, .nav-links, .navigation { gap: 8px 12px; }
  nav a, .nav-links a, .navigation a { font-size: .88rem; }
  h1, .hero h1, .hero-title { font-size: clamp(2.15rem, 11vw, 3.35rem); }
  h2 { font-size: clamp(1.55rem, 7vw, 2.25rem); }
  p { overflow-wrap: anywhere; }
  .hero, .hero-section, .hero-inner { padding-block: 36px; }
  .hero-art, .hero-visual { min-height: 220px; height: auto; }
  .card, .staff-card, .feature-card, .command-card { padding: 18px; }
  .button-row, .hero-actions, .actions {
    display: flex; flex-wrap: wrap; justify-content: center; gap: 10px;
  }
  .button-row > *, .hero-actions > *, .actions > * { flex: 1 1 145px; }
  table { display: block; max-width: 100%; overflow-x: auto; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

.brand-logo { height: 42px; width: auto; max-width: 150px; object-fit: contain; display: block; }