@layer reset, base, components, page-header, pages, responsive;

@layer reset {
  *,*::before,*::after{box-sizing:border-box}
  html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
  body,h1,h2,h3,p,ul,ol,dl,dd{margin:0}
  img,svg{display:block;max-width:100%}
  button,input,textarea,select{font:inherit}
  button,a{-webkit-tap-highlight-color:transparent}
  a{color:inherit;text-decoration:none}
}

@layer base {
  :root{
    --bg:#07110e;--bg-2:#0a1713;--surface:#0e1d18;--surface-2:#12241e;--surface-3:#172d25;
    --line:rgba(213,255,228,.1);--line-strong:rgba(213,255,228,.18);--text:#f2f8f4;--muted:#93a99f;
    --lime:#b9f34b;--lime-2:#80d629;--cyan:#54e4cc;--purple:#a98df4;--orange:#ff9e5a;--danger:#ff6f74;
    --shadow:0 24px 70px rgba(0,0,0,.32);--radius:18px;--radius-sm:12px;--container:1240px;
    --font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  }
  html[data-theme="light"]{--bg:#f4f8f5;--bg-2:#eaf2ed;--surface:#fff;--surface-2:#f0f6f2;--surface-3:#e6f0e9;--line:rgba(6,34,24,.1);--line-strong:rgba(6,34,24,.18);--text:#092119;--muted:#587067;--shadow:0 22px 55px rgba(13,57,42,.11)}
  body{min-height:100vh;background:var(--bg);color:var(--text);font:15px/1.6 var(--font);overflow-x:hidden}
  body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.045;background-image:linear-gradient(rgba(255,255,255,.8) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.8) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 75%);z-index:-1}
  .container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}
  .narrow{max-width:820px}
  .center{text-align:center}
  h1,h2,h3,strong,b{line-height:1.18}
  h1{font-size:clamp(40px,6vw,76px);letter-spacing:-.055em}
  h2{font-size:clamp(27px,3.1vw,42px);letter-spacing:-.04em}
  h3{font-size:18px;letter-spacing:-.025em}
  p{color:var(--muted)}
  em{color:var(--lime);font-style:normal}
  ::selection{background:var(--lime);color:#10200b}
  :focus-visible{outline:3px solid color-mix(in srgb,var(--lime) 70%,transparent);outline-offset:3px}
  .skip-link{position:fixed;top:10px;left:10px;transform:translateY(-150%);padding:10px 15px;background:var(--lime);color:#0a160e;border-radius:8px;z-index:1000;font-weight:800}.skip-link:focus{transform:none}
  .ambient{position:fixed;width:45vw;height:45vw;border-radius:50%;filter:blur(130px);opacity:.08;pointer-events:none;z-index:-2}.ambient-one{background:var(--lime);top:-25vw;right:-15vw}.ambient-two{background:var(--cyan);top:60vh;left:-35vw}
  .section{padding:88px 0}.section-tight{padding-top:30px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:30px}.section-head p{margin-top:8px}.section-kicker{display:block;margin-bottom:7px;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:900;color:var(--muted)}.section-kicker.lime{color:var(--lime)}.section-kicker.cyan{color:var(--cyan)}
  .muted{color:var(--muted)}
}

@layer components {
  .site-header{position:sticky;top:0;height:76px;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);z-index:100}.header-inner{height:100%;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:850;letter-spacing:-.055em;white-space:nowrap}.brand>span:last-child>span{color:var(--lime)}.brand small{font-size:12px;color:var(--muted);letter-spacing:-.02em}.brand-mark{position:relative;display:grid;grid-template-columns:repeat(2,9px);grid-template-rows:repeat(2,9px);width:22px;height:22px;transform:rotate(-6deg)}.brand-mark i{background:var(--lime);border:1px solid #17300a}.brand-mark i:nth-child(2){background:var(--cyan)}.brand-mark i:nth-child(3){grid-column:1/3;background:#4b6c35}
  .main-nav{display:flex;height:100%;align-items:center;gap:3px}.main-nav a{height:100%;display:flex;align-items:center;padding:0 12px;color:var(--muted);font-weight:650;font-size:14px;position:relative}.main-nav a:hover,.main-nav a.active{color:var(--text)}.main-nav a.active::after{content:"";position:absolute;bottom:-1px;left:12px;right:12px;height:2px;background:var(--lime);box-shadow:0 0 14px var(--lime)}
  .header-actions{display:flex;align-items:center;gap:9px;margin-left:auto}.login-link{font-weight:700;padding:10px;color:var(--muted)}.login-link:hover{color:var(--text)}.icon-button{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--muted);cursor:pointer}.icon-button svg{width:19px;fill:none;stroke:currentColor;stroke-width:1.8}.user-pill{display:flex;align-items:center;gap:7px;padding:4px 10px 4px 4px;border:1px solid var(--line);border-radius:100px}.user-pill>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--lime);color:#10200b;font-weight:900}.user-pill b{font-size:13px}.nav-toggle{display:none}.logout-form{display:flex}.logout-button{min-height:38px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--muted);font-weight:800;font-size:12px;cursor:pointer}.logout-button:hover{color:var(--text);border-color:var(--line-strong)}
  .button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border:1px solid transparent;border-radius:11px;font-weight:800;line-height:1;cursor:pointer;transition:transform .2s,background .2s,border .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--lime);color:#10200b;box-shadow:0 8px 28px rgba(185,243,75,.14)}.button-primary:hover{background:#cdfd70;box-shadow:0 10px 32px rgba(185,243,75,.25)}.button-secondary{background:var(--surface-2);border-color:var(--line-strong);color:var(--text)}.button-ghost{background:transparent;border-color:var(--line);color:var(--muted)}.button-danger{background:color-mix(in srgb,var(--danger) 14%,transparent);border-color:color-mix(in srgb,var(--danger) 35%,transparent);color:var(--danger)}.button-small{min-height:38px;padding:8px 13px;font-size:13px}.button-large{min-height:52px;padding:14px 24px}.button-block{width:100%}
  .text-link{font-weight:800;color:var(--muted);white-space:nowrap}.text-link span{color:var(--lime);margin-left:5px}.text-link:hover{color:var(--text)}
  .eyebrow{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:900;color:var(--muted);margin-bottom:18px}.eyebrow i,.live i{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime)}
  .panel{background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface) 88%,var(--cyan) 2%));border:1px solid var(--line);border-radius:var(--radius);padding:26px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.panel-head a{font-size:13px;color:var(--lime);font-weight:800}
  .segmented{display:flex;padding:4px;border-radius:11px;border:1px solid var(--line);background:var(--surface)}.segmented a{padding:7px 13px;border-radius:8px;color:var(--muted);font-weight:700;font-size:13px}.segmented a.active{background:var(--surface-3);color:var(--text)}
  .badge{display:inline-flex;align-items:center;height:23px;padding:0 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:900;white-space:nowrap}.badge-partner{color:#152406;background:var(--lime)}.badge-vip{color:#071b17;background:var(--cyan)}.badge-bedrock{color:#ddcffd;background:rgba(169,141,244,.13);border:1px solid rgba(169,141,244,.25)}.badge-standard{color:var(--muted);border:1px solid var(--line)}.badge-pending{color:#ffce8e;background:rgba(255,158,90,.12);border:1px solid rgba(255,158,90,.2)}
  .server-list{display:grid;gap:10px}.server-card{position:relative;display:grid;grid-template-columns:auto 62px minmax(0,1fr) auto;align-items:center;gap:15px;min-height:110px;padding:16px 17px 16px 11px;background:var(--surface);border:1px solid var(--line);border-radius:15px;transition:border .2s,transform .2s,background .2s;overflow:hidden}.server-card::before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:transparent}.server-card.tier-partner::before{background:var(--lime)}.server-card.tier-vip::before{background:var(--cyan)}.server-card:hover{transform:translateY(-2px);border-color:var(--line-strong);background:var(--surface-2)}.rank-number{width:27px;text-align:center;color:var(--muted);font-size:12px;font-weight:900}.server-logo{position:relative;width:58px;height:58px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#294a38,#15281f);border:1px solid var(--line-strong);box-shadow:inset 0 0 0 4px rgba(0,0,0,.07);font-weight:900;color:var(--lime);letter-spacing:-.06em}.server-logo img,.detail-logo img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.status-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#65706b;border:2px solid var(--surface)}.server-logo .status-dot{position:absolute;right:-2px;bottom:-2px;width:13px;height:13px}.status-dot.online{background:var(--lime);box-shadow:0 0 10px rgba(185,243,75,.5)}.status-dot.offline{background:#67716d}.server-main{min-width:0}.server-title-row{display:flex;align-items:center;gap:7px;min-width:0}.server-title{font-size:17px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-title:hover{color:var(--lime)}.server-motd{margin:5px 0 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.minecraft-motd{color:var(--muted)}.minecraft-motd .motd-empty{color:var(--muted);opacity:.75}.mc-obfuscated{filter:blur(.45px)}.server-meta{display:flex;align-items:center;gap:15px;color:var(--muted);font-size:11px}.server-meta>span,.server-address{display:flex;align-items:center;gap:5px}.server-meta svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.7}.server-address{padding:0;border:0;background:none;color:var(--cyan);font-weight:750;cursor:pointer}.server-address svg{width:12px}.server-side{display:flex;align-items:center;gap:18px}.players-online{text-align:right;min-width:85px}.players-online strong{display:block;font-size:18px;color:var(--text)}.players-online span{font-size:10px;color:var(--muted)}
  .server-card-compact{grid-template-columns:26px 48px minmax(0,1fr);padding:12px;min-height:88px}.server-card-compact .server-logo{width:44px;height:44px;border-radius:10px}.server-card-compact .server-side{display:none}.server-card-compact .server-meta>span:nth-last-child(n+2){display:none}.server-card-compact .server-motd{margin:3px 0}.server-card-compact .server-title{font-size:14px}
  .empty-state{grid-column:1/-1;padding:70px 30px;text-align:center;border:1px dashed var(--line-strong);border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 50%,transparent)}.empty-state>span{display:block;color:var(--lime);font-size:38px;margin-bottom:12px}.empty-state h3{font-size:22px}.empty-state p{margin:8px 0 20px}.center-action{text-align:center;margin-top:24px}
  .pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:30px;color:var(--muted)}.pagination a{padding:9px 14px;border:1px solid var(--line);border-radius:9px;font-weight:750}.pagination a:hover{border-color:var(--lime);color:var(--text)}
  .toast{position:fixed;right:24px;top:92px;max-width:430px;display:flex;align-items:center;gap:15px;padding:14px 15px 14px 18px;border-radius:12px;background:var(--surface-3);border:1px solid var(--line-strong);box-shadow:var(--shadow);z-index:200;animation:toast-in .35s ease}.toast span{flex:1}.toast button{border:0;background:none;color:var(--muted);font-size:22px;cursor:pointer}.toast-success{border-left:3px solid var(--lime)}.toast-warning{border-left:3px solid var(--orange)}.toast-error{border-left:3px solid var(--danger)}.copy-toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,30px);opacity:0;pointer-events:none;padding:11px 18px;border-radius:100px;background:var(--lime);color:#10200b;font-weight:850;font-size:13px;z-index:300;transition:.25s}.copy-toast.show{opacity:1;transform:translate(-50%,0)}@keyframes toast-in{from{opacity:0;transform:translateY(-12px)}}
  body.modal-open{overflow:hidden}
  .confirm-dialog{width:min(calc(100% - 32px),440px);max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--line-strong);border-radius:22px;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface-2) 88%,var(--lime) 4%));color:var(--text);box-shadow:0 32px 100px rgba(0,0,0,.55);overflow:hidden;animation:confirm-dialog-in .24s cubic-bezier(.22,1,.36,1)}.confirm-dialog::backdrop{background:rgba(2,9,7,.72);backdrop-filter:blur(7px);animation:confirm-backdrop-in .2s ease}.confirm-dialog-card{position:relative;padding:28px}.confirm-dialog-card::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--lime),transparent);opacity:.8}.confirm-dialog-close{position:absolute;top:15px;right:15px;display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--muted);font-size:22px;line-height:1;cursor:pointer;transition:color .2s,border-color .2s,transform .2s}.confirm-dialog-close:hover{color:var(--text);border-color:var(--line-strong);transform:rotate(4deg)}.confirm-dialog-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:20px;border:1px solid color-mix(in srgb,var(--lime) 28%,transparent);border-radius:15px;background:color-mix(in srgb,var(--lime) 11%,transparent);color:var(--lime)}.confirm-dialog-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.confirm-dialog-copy{padding-right:22px}.confirm-dialog-copy .section-kicker{margin-bottom:7px;color:var(--lime)}.confirm-dialog-copy h2{font-size:25px;letter-spacing:-.035em}.confirm-dialog-copy p{margin-top:10px;font-size:14px;line-height:1.65}.confirm-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}.confirm-dialog-danger .confirm-dialog-card::before{background:linear-gradient(90deg,transparent,var(--danger),transparent)}.confirm-dialog-danger .confirm-dialog-icon{border-color:color-mix(in srgb,var(--danger) 28%,transparent);background:color-mix(in srgb,var(--danger) 11%,transparent);color:var(--danger)}.confirm-dialog-danger .confirm-dialog-copy .section-kicker{color:var(--danger)}@keyframes confirm-dialog-in{from{opacity:0;transform:translateY(14px) scale(.975)}}@keyframes confirm-backdrop-in{from{opacity:0}}
  label{display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:750}input,select,textarea{width:100%;min-height:45px;padding:11px 13px;background:var(--bg-2);color:var(--text);border:1px solid var(--line-strong);border-radius:10px;outline:none;transition:border .2s,box-shadow .2s}textarea{resize:vertical;line-height:1.55}input:focus,select:focus,textarea:focus{border-color:color-mix(in srgb,var(--lime) 65%,transparent);box-shadow:0 0 0 3px rgba(185,243,75,.08)}input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--muted) 65%,transparent)}select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 16px) 19px,calc(100% - 11px) 19px;background-size:5px 5px;background-repeat:no-repeat}.form-stack{display:grid;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.check-label{display:flex;align-items:flex-start;gap:10px;font-weight:500}.check-label input{width:18px;height:18px;min-height:0;accent-color:var(--lime);margin-top:2px}.check-label a{color:var(--lime)}.password-field{position:relative}.password-field button{position:absolute;right:7px;top:6px;width:33px;height:33px;border:0;background:none;color:var(--muted);cursor:pointer}
  .back-link{color:var(--muted);font-size:12px;font-weight:750}.back-link:hover{color:var(--lime)}.detail-identity{display:flex;align-items:center;gap:20px}.detail-logo{position:relative;display:grid;place-items:center;flex:0 0 auto;width:95px;height:95px;border-radius:20px;background:linear-gradient(145deg,#2c4a39,#13241c);border:1px solid var(--line-strong);box-shadow:var(--shadow);font-size:28px;color:var(--lime);font-weight:950;overflow:hidden}.detail-logo i{position:absolute;width:15px;height:15px;right:3px;bottom:3px;border:3px solid #0b1813;border-radius:50%;background:#68716e}.detail-logo i.online{background:var(--lime);box-shadow:0 0 12px var(--lime)}.detail-identity h1{font-size:clamp(32px,4.5vw,56px)}.detail-identity p{margin:7px 0}.detail-identity.small .detail-logo{width:65px;height:65px;font-size:17px}.detail-identity.small h1{font-size:34px}.detail-address{display:flex;gap:10px;align-items:center;padding:0;background:none;border:0;color:var(--cyan);cursor:pointer}.detail-address span{font-size:10px;color:var(--muted)}
  .plan-icon{display:grid;place-items:center;width:46px;height:46px;background:var(--surface-3);border-radius:12px;color:var(--lime);font-size:21px}
  .prose h2{font-size:26px}.prose>p{white-space:pre-line;margin:13px 0}
  .site-footer{border-top:1px solid var(--line);padding:60px 0 22px;background:var(--bg-2)}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:55px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.footer-grid p{max-width:380px;margin:9px 0}.footer-grid h3{font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px}.footer-grid a:not(.brand){font-size:13px;color:var(--muted)}.footer-grid a:hover{color:var(--lime)}.mojang-note{font-size:10px;color:var(--muted);opacity:.65}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-top:42px;font-size:11px;color:var(--muted)}
}

@layer components {
  @media(prefers-reduced-motion:no-preference){
    body.motion-ready{--motion-ease:cubic-bezier(.22,1,.36,1)}
    body.motion-ready .site-header{animation:motion-header-in .48s var(--motion-ease) both}
    body.motion-ready [data-animate]{opacity:0;translate:0 16px;scale:1;transition:opacity .58s var(--motion-ease),translate .58s var(--motion-ease),scale .58s var(--motion-ease);transition-delay:var(--motion-delay,0ms)}
    body.motion-ready [data-animate="soft"]{translate:0 12px}
    body.motion-ready [data-animate="lift"]{translate:0 20px;scale:.985}
    body.motion-ready [data-animate="pop"]{translate:0 10px;scale:.97}
    body.motion-ready [data-animate="from-left"]{translate:-18px 0}
    body.motion-ready [data-animate="from-right"]{translate:18px 0}
    body.motion-ready [data-animate]:not(.is-visible){will-change:opacity,translate,scale}
    body.motion-ready [data-animate].is-visible{opacity:1;translate:0 0;scale:1;will-change:auto}
    @keyframes motion-header-in{from{opacity:0;translate:0 -10px}}
  }
}

@layer responsive {
  @media(max-width:1100px){.nav-wide{display:none}.server-meta>span:nth-last-child(2){display:none}}
  @media(max-width:900px){.container{width:min(calc(100% - 28px),var(--container))}.site-header{height:68px}.header-inner{gap:14px}.nav-toggle{display:grid;place-content:center;gap:5px;width:40px;height:40px;margin-left:auto;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.nav-toggle span{display:block;width:18px;height:2px;background:var(--text)}.main-nav{position:fixed;top:68px;left:14px;right:14px;height:auto;display:none;flex-direction:column;align-items:stretch;padding:10px;background:var(--surface);border:1px solid var(--line-strong);border-radius:14px;box-shadow:var(--shadow)}.main-nav.open{display:flex}.main-nav a{height:43px;padding:0 12px;border-radius:8px}.main-nav a.active{background:var(--surface-3)}.main-nav a.active::after{display:none}.header-actions{margin-left:0}.login-link,.user-pill b,.icon-button,.logout-button{display:none}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2}}
  @media(max-width:650px){.container{width:min(calc(100% - 22px),var(--container))}.section{padding:60px 0}.section-tight{padding-top:20px}.header-actions .button{width:39px;padding:0;font-size:0}.header-actions .button span{font-size:21px}.brand{font-size:16px}.section-head{align-items:flex-start;flex-direction:column;margin-bottom:22px}.server-card{grid-template-columns:25px 49px minmax(0,1fr);gap:10px;min-height:96px;padding:12px 10px 12px 5px}.server-card .server-logo{width:45px;height:45px;border-radius:10px}.server-side{display:none}.server-meta{gap:10px}.server-meta>span:nth-last-child(2){display:flex}.server-meta>span:nth-last-child(3){display:none}.server-title-row{flex-wrap:wrap}.server-title{font-size:14px}.server-motd{font-size:11px;margin:3px 0 6px}.detail-identity{align-items:flex-start}.detail-logo{width:70px;height:70px;border-radius:15px;font-size:19px}.form-row{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:4px}.toast{left:11px;right:11px;top:78px}.confirm-dialog-card{padding:24px 20px 20px}.confirm-dialog-actions{display:grid;grid-template-columns:1fr 1fr}.confirm-dialog-actions .button{padding-inline:12px}}
  @media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}body.motion-ready [data-animate]{opacity:1!important;translate:0 0!important;scale:1!important}}
}