1	/* === Dark Neon Theme === */
2	
3	body {
4	    background-color: #0d0d0f; /* почти чёрный фон */
5	    color: #e0e0e0; /* светло-серый текст */
6	    font-family: "Segoe UI", Roboto, sans-serif;
7	}
8	
9	a {
10	    color: #4dd0ff;
11	    transition: color 0.2s;
12	}
13	a:hover {
14	    color: #82f7ff;
15	    text-decoration: none;
16	}
17	
18	/* Кнопки */
19	.btn {
20	    border-radius: 8px;
21	    border: none;
22	    font-weight: 500;
23	    transition: all 0.2s;
24	}
25	.btn-primary {
26	    background: linear-gradient(135deg, #00d2ff, #3a7bd5);
27	    color: #fff;
28	}
29	.btn-primary:hover {
30	    background: linear-gradient(135deg, #3a7bd5, #00d2ff);
31	    box-shadow: 0 0 12px rgba(0, 210, 255, 0.7);
32	}
33	
34	/* Карточки */
35	.card {
36	    background: #1a1a1f;
37	    border: 1px solid rgba(255,255,255,0.05);
38	    border-radius: 12px;
39	    box-shadow: 0 0 20px rgba(0, 210, 255, 0.05);
40	    color: #f0f0f0;
41	}
42	.card h3, .card h4, .card h5 {
43	    color: #ffffff;
44	}
45	
46	/* Таблицы */
47	.table {
48	    color: #e8e8e8;
49	    background: #1a1a1f;
50	    border-radius: 12px;
51	    overflow: hidden;
52	}
53	.table th {
54	    background: #22222a;
55	    color: #66e0ff;
56	    font-weight: 600;
57	}
58	.table td {
59	    background: #1a1a1f;
60	color: #66e0ff;
61	    
62	}
63	.table tr:hover td {
64	    background: #252530;
65	}
66	
67	/* Блоки статистики */
68	.border {
69	    border-radius: 12px !important;
70	    border: 1px solid rgba(255,255,255,0.08) !important;
71	    background: #16161c;
72	    box-shadow: 0 0 10px rgba(0, 210, 255, 0.08);
73	}
74	.border h5 {
75	    color: #4dd0ff;
76	}
77	.border p {
78	    font-size: 1.2rem;
79	    color: #fff;
80	}
81	
82	/* Ачивки */
83	.achievements {
84	    display: flex;
85	    flex-wrap: wrap;
86	    gap: 10px;
87	}
88	.achievements img {
89	    border-radius: 50%; /* скруглённые как аватар */
90	    background: #111;
91	    padding: 4px;
92	    box-shadow: 0 0 6px rgba(0, 210, 255, 0.4);
93	}
94	
95	/* Fancybox фон */
96	.fancybox__backdrop {
97	    background: rgba(0, 0, 0, 0.95);
98	}
99	
100	/* Заголовки */
101	h3, h4 {
102	    color: #ffffff;
103	    font-weight: 600;
104	}
105	
106	/* Метки muted */
107	.text-muted {
108	    color: #aaa !important;
109	}
110	
111	
112	
113	
114	
115	.form-control, .form-select {
116	  background-color: #0e1628;
117	  color: #e9eefb;
118	  border: 1px solid #2b3b61;
119	}
120	.form-control:focus, .form-select:focus {
121	  border-color: #00ffff;
122	  box-shadow: 0 0 6px #00ffff;
123	  background-color: #0e1628;
124	}
125	
126	.btn-primary {
127	  background: linear-gradient(135deg, #0077ff, #00ffff);
128	  border: none;
129	  color: #fff;
130	  font-weight: 600;
131	  box-shadow: 0 0 10px rgba(0, 255, 255, 0.4);
132	}
133	.btn-primary:hover {
134	  background: linear-gradient(135deg, #005fcc, #00cccc);
135	  box-shadow: 0 0 14px rgba(0, 255, 255, 0.7);
136	}
137	  .btn-primary{background:linear-gradient(90deg, var(--neon2), var(--neon)); border:0}
138	  .btn-primary:hover{filter:brightness(1.05)}
139