* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Inter', system-ui, sans-serif; }
body { background-color: #050505; color: #fff; overflow-x: hidden; }
svg { vertical-align: middle; margin-right: 8px; }

#canvas { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: -1; }

.glass-header, .glass-card {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.glass-header { position: fixed; top: 0; width: 100%; height: 70px; display: flex; justify-content: space-between; align-items: center; padding: 0 50px; z-index: 100; }

/* Твой логотип */
.logo { display: flex; align-items: center; }
.logo a { display: flex; align-items: center; text-decoration: none; }
.site-logo { max-height: 45px; width: auto; object-fit: contain; transition: transform 0.3s ease; }
.site-logo:hover { transform: scale(1.05); }

nav a { color: #ccc; text-decoration: none; margin-left: 20px; font-size: 14px; transition: color 0.3s; }
nav a:hover { color: #00ff88; }

.layout-wrapper { display: grid; grid-template-columns: 260px 1fr 250px; gap: 25px; max-width: 1400px; margin: 100px auto 80px auto; padding: 0 20px; }

@media (max-width: 1024px) {
    .layout-wrapper { grid-template-columns: 1fr; }
    .glass-header { flex-direction: column; height: auto; padding: 15px 20px; }
    nav { margin-bottom: 15px; }
}