:root{--bg-primary:#0a0e17;--bg-secondary:#131b2f;--bg-glass:#131b2fb3;--border-color:#ffffff1a;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-color:#f97316;--accent-hover:#ea580c;--brand-color:#2563eb;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--transition:.2s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:1rem}ul{list-style:none}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.glass-nav{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);background:#0a0e17d9}.btn-primary{background-color:var(--accent-color);color:#fff;border-radius:var(--radius-full);transition:background-color var(--transition), transform var(--transition);justify-content:center;align-items:center;padding:10px 20px;font-weight:600;display:inline-flex}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-full);transition:all var(--transition);background-color:#0000;padding:10px 20px;font-weight:600}.btn-secondary:hover{background-color:#ffffff0d;border-color:#fff3}.hover-bg:hover{background-color:#ffffff0d}.btn-icon{border-radius:var(--radius-full);color:var(--text-secondary);transition:all var(--transition);justify-content:center;align-items:center;padding:8px;display:flex}.btn-icon:hover{color:var(--accent-color);background-color:#ffffff1a}.input-field{border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:var(--radius-md);transition:border-color var(--transition), box-shadow var(--transition);background-color:#ffffff08;padding:12px 16px;font-size:1rem}.input-field:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 2px #f9731633}.container{max-width:1200px;margin:0 auto;padding:0 20px}.layout-grid{grid-template-columns:280px 1fr 320px;gap:20px;min-height:100vh;display:grid}@media (max-width:1024px){.layout-grid{grid-template-columns:80px 1fr}}@media (max-width:768px){.layout-grid{grid-template-columns:1fr;padding-bottom:60px}}h1,h2,h3,h4{color:var(--text-primary);margin-bottom:.5em;font-weight:700}.text-muted{color:var(--text-muted)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}