:root,[data-theme=dark]{--color-bg-primary:#080b08;--color-bg-surface:#0d110d;--color-bg-elevated:#131813;--color-bg-input:#0a0e0a;--color-accent-primary:#39ff14;--color-accent-hover:#2ecc10;--color-accent-dim:#1a7a0a;--color-accent-muted:#0d3d06;--color-accent-glow:#39ff1433;--color-accent-glow-lg:#39ff1421;--color-text-primary:#d4f5d4;--color-text-secondary:#7ab87a;--color-text-muted:#6b9d6b;--color-text-code:#39ff14;--color-text-dim:#629562;--color-status-online:#39ff14;--color-status-offline:#ff3b3b;--color-status-starting:gold;--color-status-stopping:#ff8c00;--color-status-installing:#00cfff;--color-status-suspended:#ff3b3b;--color-border-default:#1a2e1a;--color-border-subtle:#0f1f0f;--color-border-focus:#39ff14;--color-border-error:#ff3b3b;--color-border-glow:#39ff1466;--color-nav-bg:#080b08eb;--crt-intensity:1;--color-vps-max-accent:#fff;--color-vps-basic-accent:#ef4444;--color-vps-eco-accent:#39ff14}[data-theme=light]{--color-bg-primary:#f5f8f5;--color-bg-surface:#fff;--color-bg-elevated:#fff;--color-bg-input:#eef3ee;--color-accent-primary:#15803d;--color-accent-hover:#0f6b31;--color-accent-dim:#bbf7d0;--color-accent-muted:#dcfce7;--color-accent-glow:#15803d1f;--color-accent-glow-lg:#15803d0f;--color-text-primary:#1a2e1a;--color-text-secondary:#3d6b3d;--color-text-muted:#487448;--color-text-code:#15803d;--color-text-dim:#487448;--color-status-online:#16a34a;--color-status-offline:#dc2626;--color-status-starting:#ca8a04;--color-status-stopping:#ea580c;--color-status-installing:#0284c7;--color-status-suspended:#dc2626;--color-border-default:#d1e7d1;--color-border-subtle:#e5f0e5;--color-border-focus:#15803d;--color-border-error:#dc2626;--color-border-glow:#15803d40;--color-nav-bg:#f5f8f5eb;--crt-intensity:0;--color-vps-max-accent:#1a1a1a;--color-vps-basic-accent:#dc2626;--color-vps-eco-accent:#15803d}:root{--font-primary:"Figtree", system-ui, -apple-system, sans-serif;--font-display:"Exo 2", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--font-code:"JetBrains Mono", ui-monospace, monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--ease-out-quint:cubic-bezier(.22, 1, .36, 1);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--z-dropdown:100;--z-sticky:200;--z-modal:400;--z-toast:500;--z-crt:900;--z-boot:1000;--crt-phosphor-rgb:57, 255, 20}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px}body{font-family:var(--font-primary);background-color:var(--color-bg-primary);color:var(--color-text-primary);min-height:100vh;line-height:1.6;transition:background-color .4s,color .4s;position:relative;overflow-x:hidden}a{color:var(--color-accent-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--color-accent-hover)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--color-text-primary);letter-spacing:-.01em;font-weight:700;line-height:1.15}h1{font-size:2.6rem}h2{font-size:1.7rem}h3{font-size:1.2rem}p{color:var(--color-text-secondary)}code,pre{font-family:var(--font-code);color:var(--color-text-code)}::selection{background:var(--color-accent-muted);color:var(--color-accent-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-border-default);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-dim)}img{max-width:100%;display:block}button{font-family:var(--font-primary);cursor:pointer}input,textarea,select{font-family:var(--font-primary)}.container{width:100%;max-width:1200px;padding:0 var(--space-6);margin:0 auto}.section{padding:96px 0}.text-accent{color:var(--color-accent-primary)}.mono{font-family:var(--font-code)}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.3}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes crt-page-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.scanline-global{background:linear-gradient(to bottom, transparent 0%, rgba(var(--crt-phosphor-rgb), .035) 45%, rgba(var(--crt-phosphor-rgb), .07) 50%, rgba(var(--crt-phosphor-rgb), .035) 55%, transparent 100%);mix-blend-mode:screen;pointer-events:none;will-change:transform;height:36px;animation:7s linear infinite scan-sweep;position:absolute;top:0;left:0;right:0}@keyframes scan-sweep{0%{transform:translateY(-40px)}to{transform:translateY(100vh)}}[data-theme=light] .crt-page,[data-theme=light] .scanline-overlay{display:none!important}[data-theme=light] ::selection{background:var(--color-accent-muted);color:var(--color-accent-primary)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.scanline-global{display:none!important}}@media (pointer:coarse){.imp-btn,.pnav-curr-btn,.pnav-login-btn,.pnav-icon-btn,.pnav-toggle{min-height:44px}.pnav-icon-btn,.pnav-toggle{min-width:44px}.pnav-curr-item{padding-top:12px;padding-bottom:12px}.pnav-dropdown-item{padding-top:13px;padding-bottom:13px}}.imp-btn:focus-visible,.pnav-link:focus-visible,.pnav-curr-btn:focus-visible,.pnav-login-btn:focus-visible,.pnav-icon-btn:focus-visible,.pnav-toggle:focus-visible,.pnav-curr-search-input:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px;border-radius:var(--radius-sm)}.rack-stage{justify-content:center;align-items:flex-end;display:flex;position:relative}.rack-glow{background:radial-gradient(ellipse 58% 52% at 50% 42%, color-mix(in srgb, var(--color-accent-primary) 18%, transparent), transparent 70%);filter:blur(6px);pointer-events:none;position:absolute;inset:-8% -6% -2%}.rack-frame{aspect-ratio:373/537;z-index:1;width:min(340px,78vw);position:relative;overflow:hidden}.rack-frame img{width:100%;display:block}.rack-frame:after{content:"";pointer-events:none;z-index:3;background:repeating-linear-gradient(#0000 0 2px,#0000001a 2px 3px);position:absolute;inset:0}.rack-leds{aspect-ratio:373/587;pointer-events:none;z-index:2;width:100%;position:absolute;inset:0 auto auto 0}.rack-led{aspect-ratio:1;background:radial-gradient(circle, rgba(var(--crt-phosphor-rgb), .9) 0%, rgba(var(--crt-phosphor-rgb), .4) 32%, transparent 68%);mix-blend-mode:screen;opacity:.5;will-change:opacity;border-radius:50%;width:4.4%;animation:2s ease-in-out infinite rack-led-pulse;position:absolute;left:9.4%;transform:translate(-50%,-50%)}@keyframes rack-led-pulse{0%,to{opacity:.4}45%{opacity:1}60%{opacity:.85}}.rack-scan{background:linear-gradient(to bottom, transparent, rgba(var(--crt-phosphor-rgb), .1) 50%, transparent);mix-blend-mode:screen;pointer-events:none;z-index:2;will-change:transform;height:16%;animation:6.5s linear infinite rack-scan-sweep;position:absolute;top:0;left:0;right:0}@keyframes rack-scan-sweep{0%{transform:translateY(-110%)}to{transform:translateY(660%)}}.rack-cursor{z-index:2;pointer-events:none;mix-blend-mode:screen;opacity:var(--rack-cursor-op,0);background:radial-gradient(circle 90px at var(--rack-mx,50%) var(--rack-my,50%), rgba(var(--crt-phosphor-rgb), .2), transparent 60%);transition:opacity .3s;position:absolute;inset:0}.rack-glow{animation:5.5s ease-in-out infinite rack-breathe}@keyframes rack-breathe{0%,to{opacity:.7}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.rack-led{opacity:.85;animation:none}.rack-scan{display:none}.rack-glow{opacity:1;animation:none}}.boot{z-index:var(--z-boot);background:var(--color-bg-primary);pointer-events:none;justify-content:center;align-items:center;animation:.5s ease-out .95s forwards boot-fade;display:flex;position:fixed;inset:0}@keyframes boot-fade{to{opacity:0;visibility:hidden}}.boot-line{background:var(--color-accent-primary);height:2px;box-shadow:0 0 26px 3px var(--color-accent-glow);transform-origin:50%;animation:boot-line .55s var(--ease-out-expo) forwards;position:absolute;top:50%;left:0;right:0;transform:scaleX(0)}@keyframes boot-line{0%{opacity:0;transform:scaleX(0)}25%{opacity:1}to{opacity:1;transform:scaleX(1)}}.boot-text{font-family:var(--font-code);letter-spacing:.28em;color:var(--color-accent-primary);opacity:0;animation:boot-text .45s var(--ease-out-quint) .5s forwards;font-size:.75rem;transform:translateY(18px)}@keyframes boot-text{to{opacity:.9;transform:translateY(18px)}}::view-transition-old(root){animation:vt-out .3s var(--ease-out-quint) both}::view-transition-new(root){animation:vt-in .36s var(--ease-out-quint) both}@keyframes vt-out{to{opacity:0}}@keyframes vt-in{0%{opacity:0;transform:translateY(8px)}}.pnav-root{view-transition-name:phosphor-nav}.pfoot-root{view-transition-name:phosphor-footer}@media (prefers-reduced-motion:reduce){::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}}.vps-hero{padding:clamp(56px,9vw,120px) 0;position:relative;overflow:hidden}.rack-bg{z-index:0;pointer-events:none;position:absolute;inset:0}.vps-hero:before{content:"";z-index:1;pointer-events:none;background:radial-gradient(ellipse 56% 74% at 50% 46%, var(--color-bg-primary) 28%, color-mix(in srgb, var(--color-bg-primary) 55%, transparent) 58%, transparent 100%);position:absolute;inset:0}.vps-hero>.container{z-index:2;position:relative}.vps-hero:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(to bottom, transparent, var(--color-bg-primary) 88%);height:clamp(90px,18%,180px);position:absolute;bottom:0;left:0;right:0}.rack-bg{--tower-w:clamp(190px, 21vw, 290px)}.rack-cluster{pointer-events:none;align-items:flex-end;display:flex;position:absolute;bottom:0}.rack-cluster-left{left:0;transform:translate(-10%)}.rack-cluster-right{right:0;transform:translate(30%)}.rack-cluster>.rack-tower+.rack-tower{margin-left:clamp(-110px,-11vw,-64px)}.rack-tower{opacity:var(--rack-op,.3);animation-name:rack-rise;animation-duration:1.15s;animation-timing-function:var(--ease-out-expo);animation-delay:var(--rise-delay,0s);will-change:transform, opacity;animation-fill-mode:both}.rack-tower .rack-frame{width:var(--tower-w)}.rack-tower-outer{--tower-y:clamp(-104px, -8vw, -62px);z-index:1}.rack-tower-inner{--tower-y:0px;z-index:2}.rack-cluster-left .rack-tower{animation-name:rack-rise-mirror}@keyframes rack-rise{0%{opacity:0;transform:translateY(118%)}to{transform:translateY(var(--tower-y,0));opacity:var(--rack-op,1)}}@keyframes rack-rise-mirror{0%{opacity:0;transform:translateY(118%)scaleX(-1)}to{transform:translateY(var(--tower-y,0)) scaleX(-1);opacity:var(--rack-op,1)}}@media (width<=820px){.rack-cluster-left{transform:translate(-46%)}.rack-cluster-right{transform:translate(46%)}.rack-bg{opacity:.3}}@media (prefers-reduced-motion:reduce){.rack-tower{transform:translateY(var(--tower-y,0));animation:none}.rack-cluster-left .rack-tower{transform:translateY(var(--tower-y,0)) scaleX(-1)}}.phos-stage{position:relative}.phos-bloom-layer{z-index:0;pointer-events:none;border-radius:inherit;background:radial-gradient(260px circle at var(--bloom-x,50%) var(--bloom-y,35%), rgba(var(--crt-phosphor-rgb), .13), transparent 66%);opacity:var(--bloom-on,0);mix-blend-mode:screen;transition:opacity .45s var(--ease-out-quint);position:absolute;inset:0}[data-theme=light] .phos-bloom-layer{mix-blend-mode:normal;background:radial-gradient(260px circle at var(--bloom-x,50%) var(--bloom-y,35%), var(--color-accent-glow), transparent 66%)}@media (prefers-reduced-motion:reduce){.phos-bloom-layer{display:none}}@keyframes phos-poweron{0%{opacity:0;filter:brightness(2.6);transform:scaleY(.006)}9%{opacity:1;filter:brightness(2.6);transform:scaleY(.02)}20%{filter:brightness(1.7);transform:scaleY(1)}24%{opacity:.55}30%{opacity:1;filter:brightness(1.25)}46%{opacity:.85}to{opacity:1;filter:brightness();transform:scaleY(1)}}.phos-poweron{transform-origin:50%;animation:phos-poweron .92s var(--ease-out-quint) both;animation-delay:var(--poweron-delay,0s)}.phos-enter{opacity:0;animation:fade-in .7s var(--ease-out-quint) both;animation-delay:var(--enter-delay,0s)}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.sig-reveal{animation:linear both sig-reveal-in;animation-timeline:view();animation-range:entry entry 55%}@keyframes sig-reveal-in{0%{opacity:.3;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}}}
