:root{--primary: #fbbf24;--primary-dark: #d97706;--bg-dark: #0f172a;--bg-darker: #020617;--text-white: #f8fafc;--text-gray: #94a3b8;--glass: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37)}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,system-ui,-apple-system,sans-serif}body{background-color:var(--bg-darker);color:var(--text-white);min-height:100vh;overflow-x:hidden}.loading-spinner{width:40px;height:40px;border:3px solid rgba(251,191,36,.1);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.text-gradient{background:linear-gradient(to right,var(--primary),#f59e0b,#fbbf24);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.glass-card{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:24px}.main-layout{display:flex;min-height:100vh}.content-wrapper{flex:1;transition:padding-left .3s ease}.content-wrapper.with-sidebar{padding-left:280px}@media(max-width:1024px){.content-wrapper.with-sidebar{padding-left:0}}.main-content{padding:2rem 1.5rem;max-width:1400px;margin:0 auto}.navbar{position:sticky;top:0;z-index:1000;background:#020617cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);padding:1rem 1.5rem}.navbar-container{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.sidebar{position:fixed;left:-280px;top:0;bottom:0;width:280px;background:var(--bg-dark);border-right:1px solid var(--glass-border);padding:2rem;display:flex;flex-direction:column;z-index:3000;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar.open{left:0}@media(min-width:1025px){.sidebar{left:0}}.sidebar-link{display:flex;align-items:center;gap:1rem;padding:.8rem 1rem;color:var(--text-gray);text-decoration:none;border-radius:12px;transition:all .2s ease;background:transparent;border:none;width:100%;cursor:pointer;font-size:.95rem;margin-bottom:.25rem;text-align:left}.sidebar-link:hover{background:#ffffff0d;color:var(--primary)}.sidebar-link.active{background:#fbbf241a;color:var(--primary);font-weight:600}.responsive-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.btn-primary{background:var(--primary);color:#000;border:none;padding:.75rem 1.5rem;border-radius:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--text-white);border:1px solid var(--glass-border);padding:.75rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.btn-outline:hover{background:#ffffff0d}.desktop-only{display:flex!important}.mobile-only{display:none!important}@media(max-width:768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.main-content{padding:1rem}}