@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Inter:wght@400;500;600;700&display=swap";:root{--bg: hsl(240 8% 6%);--text: hsl(0 0% 96%);--primary: hsl(140 55% 45%);--neutral: hsl(240 5% 15%);--warn: hsl(45 90% 55%);--danger: hsl(0 70% 55%);--overlay: hsl(0 0% 0% / .6);--navbar-bg: hsl(240 8% 6% / .75);--radius: 14px}:root[data-theme=light]{--bg: hsl(210 20% 97%);--text: hsl(220 15% 12%);--primary: hsl(140 55% 38%);--neutral: hsl(210 15% 90%);--warn: hsl(45 90% 45%);--danger: hsl(0 70% 45%);--overlay: hsl(0 0% 0% / .4);--navbar-bg: hsl(210 20% 97% / .8)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,sans-serif;background-image:linear-gradient(var(--neutral) 1px,transparent 1px),linear-gradient(90deg,var(--neutral) 1px,transparent 1px);background-size:32px 32px;background-attachment:fixed;transition:background-color .2s ease,color .2s ease}h1,h2,h3,h4{font-family:Barlow Condensed,sans-serif;text-transform:uppercase;letter-spacing:.02em;margin:0}a{color:inherit}.container-x{max-width:1200px;margin:0 auto;padding:0 20px}button{font-family:inherit;cursor:pointer;color:inherit;background:none;border:none}input,textarea{font-family:inherit}.social-icon{width:20px;height:20px}.dot-warn{background:var(--warn)}.dot-online{background:var(--primary)}.dot-offline{background:var(--danger)}.text-danger{color:var(--danger)}.navbar-blur{background:var(--navbar-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-link{text-decoration:none;font-size:14px;font-weight:600;opacity:.85;white-space:nowrap}.nav-link:hover{opacity:1}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;background:var(--neutral);transition:background .2s ease;flex-shrink:0}.theme-toggle:hover{opacity:.85}.modal-overlay{position:fixed;inset:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}::selection{background:var(--primary);color:var(--bg)}@media(min-width:640px){.container-x{padding:0 32px}}@media(min-width:768px){.nav-link{font-size:15px}}