* {margin: 0;padding: 0;box-sizing: border-box;}:root {--bg-gradient-start: #f0f4fa;--bg-gradient-end: #e6ecf5;--card-bg: rgba(255, 255, 255, 0.85);--card-bg-solid: #ffffff;--text-primary: #1e2a44;--text-secondary: #2f3b5c;--text-muted: #5f6b89;--border-light: rgba(0, 0, 0, 0.08);--border-accent: #4a76a8;--role-chip-bg: #e3ecf9;--role-chip-border: #b0c8e0;--header-bg: rgba(255, 255, 255, 0.7);--shadow-color: rgba(0, 0, 0, 0.1);--accent-vk: #4a76a8;--accent-vk-hover: #3b5f8a;--cmd-bg: #f5f9ff;--cmd-border: #d1ddeb;--footer-border: #d9e1ec;--scroll-thumb: #b0c0d0;--scroll-track: #e0e8f0;}[data-theme="dark"] {--bg-gradient-start: #0b0f1a;--bg-gradient-end: #151e2c;--card-bg: rgba(20, 30, 45, 0.9);--card-bg-solid: #1b2537;--text-primary: #f0f4fe;--text-secondary: #ccd9f0;--text-muted: #96a6c9;--border-light: rgba(255, 255, 255, 0.05);--border-accent: #6d9bcf;--role-chip-bg: #1f2c42;--role-chip-border: #3f567a;--header-bg: rgba(10, 18, 30, 0.8);--shadow-color: rgba(0, 0, 0, 0.6);--accent-vk: #5d86b9;--accent-vk-hover: #4a76a8;    --cmd-bg: #1d2a3d;--cmd-border: #314563;--footer-border: #253141;--scroll-thumb: #3f4a60;--scroll-track: #1e2738;}body {font-family: "Inter", sans-serif;background: linear-gradient(145deg, var(--bg-gradient-start), var(--bg-gradient-end));color: var(--text-primary);line-height: 1.5;min-height: 100vh;padding: 1.5rem 1rem;transition: background 0.3s ease;}.container {max-width: 1400px;margin: 0 auto;}.theme-toggle {position: fixed;top: 20px;right: 20px;z-index: 1000;background: var(--card-bg-solid);border: 1px solid var(--border-accent);border-radius: 60px;padding: 0.7rem 1.2rem;display: flex;align-items: center;gap: 0.7rem;cursor: pointer;backdrop-filter: blur(10px);box-shadow: 0 8px 20px var(--shadow-color);font-weight: 500;color: var(--text-primary);transition: 0.2s;}.theme-toggle:hover {transform: scale(1.02);border-color: var(--accent-vk);}.hero {text-align: center;padding: 2rem 1rem 2.5rem;background: var(--header-bg);backdrop-filter: blur(12px);border-radius: 60px 60px 30px 30px;margin-bottom: 2.5rem;border: 1px solid var(--border-light);box-shadow: 0 20px 40px var(--shadow-color);}.bot-icon {width: 110px;height: 110px;background: var(--accent-soft, #e3eaf3);border-radius: 40% 60% 30% 70% / 50% 40% 60% 50%;margin: 0 auto 1.5rem;display: flex;align-items: center;justify-content: center;border: 4px solid var(--accent-vk);box-shadow: 0 20px 30px var(--shadow-color);}.bot-icon i {font-size: 4rem;color: var(--accent-vk);}h1 {font-size: 3.8rem;font-weight: 800;letter-spacing: -0.02em;background: linear-gradient(145deg, var(--text-primary), var(--accent-vk));-webkit-background-clip: text;webkit-text-fill-color: transparent;background-clip: text;margin-bottom: 0.5rem;}.vk-badge {background: var(--accent-vk);color: white;padding: 0.4rem 1.8rem;border-radius: 50px;display: inline-block;font-weight: 600;font-size: 1.2rem;margin: 1rem 0 1.8rem;border: 1px solid rgba(255,255,255,0.2);}.btn {display: inline-flex;align-items: center;gap: 0.8rem;background: var(--accent-vk);color: white;font-weight: 600;font-size: 1.2rem;padding: 1rem 2.8rem;border-radius: 60px;text-decoration: none;transition: 0.2s;border: 1px solid rgba(255,255,255,0.2);box-shadow: 0 10px 25px var(--shadow-color);}.btn:hover {background: var(--accent-vk-hover);transform: scale(1.02);}.roles-section {background: var(--card-bg);backdrop-filter: blur(12px);border-radius: 50px;padding: 2.2rem 1.8rem;margin-bottom: 2.5rem;border: 1px solid var(--border-light);box-shadow: 0 20px 40px var(--shadow-color);}.section-header {display: flex;align-items: center;gap: 1rem;margin-bottom: 2rem;border-left: 6px solid var(--accent-vk);padding-left: 1.5rem;}.section-header i {font-size: 2.2rem;color: var(--accent-vk);}.section-header h2 {font-size: 2rem;font-weight: 700;color: var(--text-primary);}.roles-grid {display: flex;flex-wrap: wrap;justify-content: center;gap: 1rem;}.role-card {background: var(--role-chip-bg);border: 2px solid var(--role-chip-border);border-radius: 100px;padding: 0.9rem 2rem 0.9rem 1.8rem;display: inline-flex;align-items: center;gap: 0.9rem;font-weight: 600;font-size: 1.1rem;color: var(--text-primary);backdrop-filter: blur(5px);transition: 0.15s;box-shadow: 0 5px 15px var(--shadow-color);}.role-card i {color: var(--accent-vk);font-size: 1.2rem;}.role-card:hover {transform: translateY(-3px);border-color: var(--accent-vk);}.commands-section {background: var(--card-bg);backdrop-filter: blur(10px);border-radius: 50px;padding: 2rem 1.8rem;margin-top: 1.5rem;border: 1px solid var(--border-light);box-shadow: 0 20px 40px var(--shadow-color);}.commands-section:first-of-type {margin-top: 0;}.category-title {display: flex;align-items: center;gap: 0.8rem;font-size: 1.8rem;font-weight: 700;margin-bottom: 1.5rem;color: var(--text-primary);border-bottom: 2px dashed var(--border-accent);padding-bottom: 0.8rem;}.category-title i {color: var(--accent-vk);font-size: 2rem;}.commands-list {display: flex;flex-direction: column;gap: 0.5rem;}.cmd-item {display: flex;align-items: flex-start;gap: 0.8rem;background: var(--cmd-bg);border: 1px solid var(--cmd-border);border-radius: 20px;padding: 0.8rem 1.2rem;transition: 0.15s;box-shadow: 0 2px 5px var(--shadow-color);}.cmd-item:hover {background: var(--card-bg-solid);border-color: var(--accent-vk);transform: translateX(5px);}.cmd-name {font-family: 'Inter', monospace;font-weight: 700;font-size: 1rem;color: var(--accent-vk);min-width: 140px;white-space: nowrap;}.cmd-description {font-size: 0.95rem;color: var(--text-secondary);flex: 1;}.cmd-item i {color: var(--accent-vk);font-size: 0.9rem;margin-top: 0.2rem;}.stats-row {display: flex;flex-wrap: wrap;justify-content: space-around;gap: 1.5rem;background: var(--card-bg-solid);border-radius: 70px;padding: 2rem 1.5rem;margin: 2.5rem 0 1.5rem;border: 1px solid var(--border-light);}.stat-item {text-align: center;}.stat-num {font-size: 2.8rem;font-weight: 800;color: var(--accent-vk);line-height: 1;}.stat-label {color: var(--text-muted);font-weight: 500;text-transform: uppercase;letter-spacing: 0.5px;}footer {text-align: center;padding: 1.8rem 0.5rem 0.5rem;border-top: 1px solid var(--footer-border);color: var(--text-muted);}@media (max-width: 700px) {h1 { font-size: 2.8rem; }.hero { padding: 1.5rem 1rem; }.role-card { width: 100%; justify-content: center; }.stats-row { border-radius: 40px; }.theme-toggle { top: 10px; right: 10px; padding: 0.5rem 1rem; }.cmd-item {flex-direction: column;gap: 0.3rem;}.cmd-name {min-width: auto;white-space: normal;}}@media (max-width: 480px) {.section-header h2 { font-size: 1.6rem; }}.vk-badge-link {text-decoration: none;display: inline-block;transition: opacity 0.2s ease;margin: 1rem 0 1.8rem;}.vk-badge-link:hover {opacity: 0.9;}.vk-badge-link:hover .vk-badge {background: var(--accent-vk-hover);transform: scale(1.02);}.vk-badge {margin: 0;cursor: pointer;}