*{margin:0;padding:0;box-sizing:border-box}:root{--bg:#0a0a0a;--bg-light:#151010;--card:#1a1414;--card-hover:#251b1b;--accent:#ff3e3e;--text:#f5f5f5;--text-dim:#8e7e7e;--border:#2a1f1f}body{font-family:'Inter', sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow:hidden}#starfield{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.support-wrapper{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:100;display:flex;align-items:center;gap:8px;background:rgba(20, 15, 15, 0.9);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);padding:8px 16px;border-radius:20px;border:1px solid rgba(255, 62, 62, 0.2);font-size:12px;color:var(--text-dim);box-shadow:0 4px 15px rgba(0, 0, 0, 0.4)}.top-bar{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;margin:80px auto 0;max-width:1200px;background:rgba(15, 10, 10, 0.7);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);border:1px solid rgba(255, 62, 62, 0.15);border-radius:16px}.logo-small{font-size:20px;font-weight:800;color:var(--text);letter-spacing:-0.5px}.top-icons{display:flex;gap:16px;align-items:center}.top-icons a,.top-icons i{color:var(--text-dim);font-size:16px;cursor:pointer;transition:color 0.2s;text-decoration:none}.top-icons a:hover,.top-icons i:hover{color:var(--accent)}.main-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;padding:60px 20px}.logo-big{font-size:64px;font-weight:800;color:var(--text);letter-spacing:-2px;margin-bottom:12px}.tagline{font-size:16px;color:var(--text-dim);font-style:italic;margin-bottom:40px}.search-container{width:100%;max-width:420px;margin-bottom:40px;position:relative}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-dim);font-size:14px;z-index:1}.search-box{width:100%;padding:14px 20px 14px 42px;background:var(--card);border:1px solid var(--border);border-radius:12px;color:var(--text);outline:none;transition:border-color 0.2s}.search-box:focus{border-color:var(--accent)}.nav-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:12px;max-width:600px;width:100%}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px 16px;background:var(--card);border:1px solid var(--border);border-radius:16px;text-decoration:none;color:var(--text);transition:all 0.2s ease}.nav-item:hover{background:var(--card-hover);border-color:var(--accent);transform:translateY(-3px);box-shadow:0 0 15px rgba(255, 62, 62, 0.1)}.nav-item i{font-size:22px;color:var(--text)}.nav-item:hover i{color:var(--accent)}.nav-label{font-size:14px;font-weight:500}.secondary-nav{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:100;display:flex;gap:8px;background:rgba(15, 10, 10, 0.85);padding:8px;border-radius:24px;border:1px solid rgba(255, 62, 62, 0.15)}.nav-pill{padding:8px 16px;border-radius:16px;text-decoration:none;color:var(--text-dim);font-size:13px;transition:0.2s}.nav-pill:hover{color:var(--text);background:rgba(255, 62, 62, 0.1)}.nav-pill.active{background:var(--accent);color:#000;font-weight:600}.panic-btn{position:fixed;bottom:20px;right:20px;background:var(--card);border:1px solid var(--border);color:var(--text);padding:10px 18px;border-radius:8px;cursor:pointer;z-index:101;font-weight:600;transition:0.2s}.panic-btn:hover{background:var(--accent);color:#000}.panic-overlay{position:fixed;inset:0;background:#fff;z-index:2000;display:none;padding:50px;color:#000;overflow-y:auto}.panic-overlay.active{display:block}.switch{position:relative;display:inline-block;width:34px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border);transition:0.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:white;transition:0.4s;border-radius:50%}input:checked + .slider{background-color:var(--accent)}input:checked + .slider:before{transform:translateX(14px);background-color:#000}@media (max-width: 640px){.nav-grid{grid-template-columns:repeat(2, 1fr)}.logo-big{font-size:48px}.top-bar{margin:80px 10px 0}}