/* --- NEON CITY THEME --- */
body {
	margin: 0;
	padding: 0;
	background: #0d0f21;
	font-family: 'Segoe UI', 'Roboto', Arial, sans-serif;
	font-size: 14px;
	color: #c0c8f5;
}

h1, h2, h3 { margin: 0; padding: 0; font-weight: normal; color: #ffffff; }
h1 { font-size: 2.4em; }
h2 { font-size: 2em; }
h3 { font-size: 1.6em; }
p, ul, ol { margin-top: 0; line-height: 180%; }
a { text-decoration: none; color: #ff00ff; }

#fagicy { width: 980px; margin: 0 auto; padding: 0; }
#zaxe { height: 120px; display: flex; align-items: center; }

#ryrar h1 { font-size: 3.5em; font-weight: bold; text-transform: uppercase; }
#ryrar h1 a { color: #fff; text-shadow: 0 0 5px #fff, 0 0 10px #ff00ff, 0 0 20px #ff00ff; }
#ryrar p { margin-top: -5px; color: #00ffff; }

#fuh { width: 100%; height: 60px; background: #1a1c3c; border-radius: 5px; }
#fuh ul { list-style: none; margin: 0; padding: 0; display: flex; justify-content: space-around; }
#fuh a { display: block; padding: 0 20px; line-height: 60px; font-weight: bold; color: #c0c8f5; transition: all 0.3s ease; }
#fuh a:hover, #fuh .qoborid a { color: #fff; background: #ff00ff; box-shadow: 0 0 10px #ff00ff; text-decoration: none; border-radius: 5px; }

#nypuzy { width: 100%; background: #1a1c3c; margin-top: 20px; padding: 20px; box-sizing: border-box; border-radius: 5px; }
#kenyz { float: left; width: 630px; }
#pix { float: right; width: 280px; }

.jaril { padding: 20px; margin-bottom: 20px; background: #0d0f21; border: 1px solid #ff00ff; border-radius: 5px; box-shadow: 0 0 15px rgba(255, 0, 255, 0.2); }
.jaril .fomukof { color: #00ffff; margin-bottom: 15px; border-bottom: 1px solid #00ffff44; padding-bottom: 10px; }
.jaril .byzep { color: #ff00ff; font-weight: bold; }

/* Buttons */
.button-panel { margin-top: 20px; display: flex; gap: 15px; }
.xycof, .xycof-secondary {
	padding: 15px 25px;
	border-radius: 5px;
	font-weight: bold;
	text-transform: uppercase;
	transition: all 0.3s ease;
	cursor: pointer;
}
.xycof { background: #ff00ff; color: #fff; border: 2px solid #ff00ff; }
.xycof:hover { background: #fff; color: #ff00ff; box-shadow: 0 0 15px #ff00ff; text-decoration: none; }
.xycof-secondary { color: #00ffff; border: 2px solid #00ffff; }
.xycof-secondary:hover { background: #00ffff; color: #0d0f21; box-shadow: 0 0 15px #00ffff; text-decoration: none; }
.button-inline { font-weight: bold; text-decoration: underline; }

#pix ul { list-style: none; margin: 0; padding: 0; }
#pix li { padding: 20px; margin-bottom: 20px; background: #0d0f21; border: 1px solid #00ffff; border-radius: 5px; }
#pix h2 { color: #00ffff; margin-bottom: 10px; font-size: 1.8em; }

#lyh { width: 200px; padding: 10px; background: #1a1c3c; border: 1px solid #00ffff; color: #fff; border-radius: 5px 0 0 5px; }
#repu { padding: 10px; background: #00ffff; border: 1px solid #00ffff; color: #0d0f21; font-weight: bold; border-radius: 0 5px 5px 0; cursor: pointer; }

#ryj { padding: 30px 0; text-align: center; color: #c0c8f5; }
#ryj a { color: #00ffff; }