:root{--primary-color:#fff;--secondary-color:#ccc;--background-dark:#0f0f0f;--background-medium:#1a1a1a;--background-light:#2a2a2a;--text-primary:#fff;--text-secondary:#ccc;--border-color:#333;--shadow:0 2px 8px #0000004d;--transition:all .3s ease;--border-radius:8px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--background-dark);color:var(--text-primary);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.page-wrapper{min-height:calc(100vh - 80px);padding:20px 0}header{z-index:1000;-webkit-backdrop-filter:blur(10px);background-color:#0f0f0fb3;border-bottom:1px solid #0000;padding:0 20px;transition:all .3s;position:fixed;top:0;left:0;right:0}header.scrolled{background-color:#0f0f0fd9;border-bottom:1px solid #333}.desktop-menu{align-items:center;height:100%;margin-left:auto;display:flex}.mobile-menu-button{align-items:center;margin-left:auto;display:none}@media (width>=769px){.mobile-menu-button{display:none}.desktop-menu{display:flex}}@media (width<=768px){.desktop-menu{display:none}.mobile-menu-button{display:flex}}.fade-enter{opacity:0;transform:translateY(20px)}.fade-enter-active{opacity:1;transition:var(--transition);transform:translateY(0)}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:var(--transition)}.btn{background:var(--background-light);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);padding:12px 24px;font-size:16px;text-decoration:none;display:inline-block}.btn:hover{background:var(--background-medium);transform:translateY(-2px)}.btn-primary{background:var(--primary-color);color:var(--background-dark)}.btn-primary:hover{background:var(--secondary-color)}.card{background:var(--background-medium);border-radius:var(--border-radius);box-shadow:var(--shadow);border:1px solid var(--border-color);margin:10px 0;padding:20px}.grid{gap:20px;display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (width<=768px){.grid-cols-1,.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(1,1fr)}}.form-group{margin-bottom:20px}.form-label{color:var(--text-secondary);margin-bottom:8px;display:block}.form-input{background:var(--background-light);border:1px solid var(--border-color);border-radius:var(--border-radius);width:100%;color:var(--text-primary);padding:12px;font-size:16px}.form-input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px #fff3}.spinner{border:4px solid var(--background-light);border-top:4px solid var(--primary-color);border-radius:50%;width:40px;height:40px;margin:20px auto;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--background-medium)}::-webkit-scrollbar-thumb{background:var(--background-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}@media (width<=768px){.container{padding:0 15px}.page-wrapper{padding:15px 0}.card{padding:15px}}.background-fixed{background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}