:root{--bg-color: #0a0a0c;--text-color: #d1d5db;--text-muted: #9ca3af;--heading-color: #f3f4f6;--accent-color: #00e5cc;--accent-glow: rgba(0, 229, 204, .4);--accent-hover: #14f1d9;--card-bg: #111827;--card-border: #374151;--border-color: #374151;--font-mono: "Fira Code", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-sans: "Inter", system-ui, sans-serif;--success-color: #10b981}:root.light-theme{--bg-color: #f9fafb;--text-color: #1f2937;--text-muted: #4b5563;--heading-color: #111827;--accent-color: #0d9488;--accent-glow: rgba(13, 148, 136, .2);--accent-hover: #0f766e;--card-bg: #ffffff;--card-border: #e5e7eb;--border-color: #d1d5db}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased}.skip-to-content{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.skip-to-content:focus{position:absolute;top:0;left:0;width:auto;height:auto;margin:0;padding:12px 24px;overflow:visible;clip:auto;background:var(--accent-color);color:#fff;z-index:9999;text-decoration:none;font-weight:700}.text-center{text-align:center}.mt-0{margin-top:0}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.my-8{margin-top:2rem;margin-bottom:2rem}.my-10{margin-top:2.5rem;margin-bottom:2.5rem}.my-12{margin-top:3rem;margin-bottom:3rem}.my-16{margin-top:4rem;margin-bottom:4rem}.mx-auto{margin-left:auto;margin-right:auto}.pt-0{padding-top:0}.pb-0{padding-bottom:0}.pb-2{padding-bottom:.5rem}.p-0{padding:0}.p-4{padding:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.flex-col{flex-direction:column}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.1rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:2rem}.text-4xl{font-size:2.5rem}.hero-title{font-size:clamp(2.5rem,5vw,4rem)}.font-normal{font-weight:400}.font-bold{font-weight:700}.font-mono{font-family:var(--font-mono)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent-color)}.text-heading{color:var(--heading-color)}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.w-full{width:100%}.border-none{border:none}.border-b{border-bottom:1px solid var(--border-color)}.border-accent{border-color:var(--accent-color)}.bg-success{background-color:var(--success-color);color:#fff}.bg-modrinth{background-color:#00af5c;border-color:#00af5c}.bg-curseforge{background-color:#f16436;border-color:#f16436}.line-height-relaxed{line-height:1.8}.line-height-loose{line-height:2}.overflow-hidden{overflow:hidden}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;max-width:1000px;margin:0 auto;padding:2rem 1rem;width:100%}h1,h2,h3,h4,h5,h6{color:var(--heading-color);margin-bottom:1rem;font-family:var(--font-mono);font-weight:600;line-height:1.2}h1{font-size:2.5rem;letter-spacing:-.025em}h2{font-size:2rem;margin-top:2.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}a{color:var(--accent-color);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover)}.btn{display:inline-block;background-color:var(--accent-color);color:#fff;padding:.75rem 1.5rem;border-radius:.375rem;font-weight:600;text-align:center;border:1px solid var(--accent-color);cursor:pointer;transition:all .2s}.btn:hover{background-color:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.btn-outline{background-color:transparent;border-color:var(--accent-color);color:var(--accent-color)}.btn-outline:hover{background-color:#00e5cc1a;color:var(--accent-hover)}.terminal-block{background-color:#000;border:1px solid var(--border-color);border-radius:6px;padding:1.5rem;font-family:var(--font-mono);color:#a5d6ff;overflow-x:auto;margin:1.5rem 0;box-shadow:inset 0 0 10px #00000080}.terminal-block:before{content:"$ ";color:var(--accent-color)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}.card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:.5rem;padding:1.5rem;transition:box-shadow .2s,border-color .2s}.card:hover{border-color:#00e5cc4d;box-shadow:0 4px 20px #00e5cc1a}.card h3{margin-top:0;font-size:1.25rem}header{border-bottom:1px solid var(--border-color);background-color:#0a0a0cf2;backdrop-filter:blur(8px);position:sticky;top:0;z-index:100}.header-container{max-width:1000px;margin:0 auto;padding:1rem;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center}.logo{font-family:var(--font-mono);font-size:1.25rem;font-weight:700;color:var(--heading-color);text-shadow:0 0 10px rgba(255,255,255,.1)}.logo span{color:var(--accent-color)}.mobile-menu-btn{display:none;background:none;border:none;color:var(--heading-color);font-size:1.5rem;cursor:pointer;padding:.5rem}nav ul{list-style:none;display:flex;gap:1.5rem;flex-wrap:wrap}@media(max-width:768px){.mobile-menu-btn{display:block}nav{display:none;width:100%;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}nav.mobile-open{display:block}nav ul{flex-direction:column;gap:1rem}.header-container{flex-wrap:wrap}}nav a{color:var(--text-muted);font-size:.95rem}nav a:hover{color:var(--heading-color)}footer{border-top:1px solid var(--border-color);padding:2rem 1rem;text-align:center;color:var(--text-muted);font-size:.875rem;margin-top:auto}.badge{display:inline-block;background:var(--card-border);padding:.25rem .5rem;border-radius:4px;font-family:var(--font-mono);font-size:.8rem;color:var(--heading-color)}code{background:var(--card-border);padding:.2em .4em;border-radius:3px;font-family:var(--font-mono);font-size:.9em;color:var(--heading-color)}
