*{margin:0;padding:0;box-sizing:border-box}:root{--bg-dark:#0f0f0f;--bg-card:#1a1a1a;--text-primary:#fff;--text-secondary:#b3b3b3;--accent-blue:#3b82f6;--accent-purple:#8b5cf6;--success-green:#10b981;--gold-accent:#f59e0b;--divider:#2a2a2a}html{text-size-adjust:100%}body,html{overflow-x:hidden;width:100%;max-width:100vw}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-dark);color:var(--text-primary)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--divider);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.container{max-width:1400px;margin:0 auto;padding:0 20px}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;text-decoration:none;display:inline-block}.btn-primary{background:var(--accent-blue);color:#fff}.btn-primary:hover{background:#2563eb;transform:translateY(-2px)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:2px solid var(--accent-blue)}.btn-secondary:hover{background:var(--accent-blue)}.spinner{border-top:4px solid var(--divider);border:4px solid var(--divider);border-top-color:var(--accent-blue);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:20px auto}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.card{background:var(--bg-card);border-radius:12px;padding:16px;transition:transform .3s,box-shadow .3s}.card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.5)}.app{min-height:100vh;background:var(--bg-dark);position:relative}.app,.main-content{width:100%;max-width:100vw;overflow-x:hidden}.main-content{padding-top:70px;min-height:calc(100vh - 70px)}@media (max-width:768px){.container{padding:0 12px}}.header{position:fixed;top:0;left:0;right:0;height:70px;background:var(--bg-card);border-bottom:1px solid var(--divider);z-index:1000;box-shadow:0 2px 8px rgba(0,0,0,.3);max-width:100vw}.header,.header-content{width:100%;box-sizing:border-box}.header-content{max-width:1400px;margin:0 auto;padding:0 20px;height:100%;display:flex;align-items:center;gap:20px}.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px}.logo,.menu-toggle{color:var(--text-primary);font-size:24px}.logo{display:flex;align-items:center;gap:10px;font-weight:700;text-decoration:none}.logo-icon{width:40px;height:40px;object-fit:contain;border-radius:8px}.header-nav{display:flex;gap:24px;margin-left:auto}.header-nav a{color:var(--text-secondary);text-decoration:none;font-size:16px;font-weight:500;transition:color .3s;padding:8px 0}.header-nav a.active,.header-nav a:hover{color:var(--accent-blue)}@media screen and (max-width:768px){html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:16px}body{width:100vw!important;max-width:100vw!important;overflow-x:hidden!important}.menu-toggle{display:block}.header-nav{display:none}.header-content{padding:0 16px}}@media screen and (max-width:480px){html{font-size:14px}.header{height:60px}.header-content{padding:0 12px;gap:12px}}.slide-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);z-index:1998;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.slide-menu-overlay.open{opacity:1;visibility:visible}.slide-menu{position:fixed;top:0;left:0;width:280px;height:100vh;background:var(--bg-card);z-index:1999;transform:translateX(-100%);transition:transform .3s ease;box-shadow:2px 0 8px rgba(0,0,0,.3)}.slide-menu.open{transform:translateX(0)}.slide-menu-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--divider)}.slide-menu-header h2{font-size:20px;color:var(--text-primary)}.close-menu{background:none;border:none;color:var(--text-primary);font-size:24px;cursor:pointer;padding:4px}.slide-menu-nav{padding:20px 0}.menu-item{width:100%;display:flex;align-items:center;gap:16px;padding:16px 20px;background:none;border:none;color:var(--text-primary);font-size:16px;text-align:left;cursor:pointer;transition:background .3s}.menu-item:hover{background:var(--bg-dark)}.menu-item i{width:24px;font-size:20px;color:var(--accent-blue)}@media (min-width:769px){.mobile-only,.slide-menu,.slide-menu-overlay{display:none!important}}