:root {
			--bg-color: #0d0d0d;
			--terminal-green: #0f0;
			--terminal-dim: #008f11;
			--accent: #bd00ff;
			--glass: rgba(20, 20, 20, 0.8);
			--warning: #ffcc00;
			--offline: #ff0055;
		}

		body {
			background-color: var(--bg-color);
			color: var(--terminal-green);
			font-family: 'Courier New', Courier, monospace;
			margin: 0;
			padding: 0;
			display: flex;
			justify-content: center;
			min-height: 100vh;
			background-image:
				linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%),
				linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
			background-size: 100% 2px, 3px 100%;
		}

		.container {
			width: 100%;
			max-width: 800px;
			padding: 2rem;
			box-sizing: border-box;
		}

		header {
			border-bottom: 2px solid var(--terminal-dim);
			padding-bottom: 1rem;
			margin-bottom: 2rem;
			text-align: center;
			text-shadow: 0 0 5px var(--terminal-dim);
		}

		h1 { margin: 0; font-size: 2.5rem; text-transform: uppercase; }
		.status { font-size: 0.9rem; color: var(--terminal-dim); }
		.status::before { content: "● "; color: var(--terminal-green); animation: blink 2s infinite; }

		.grid {
			display: grid;
			grid-template-columns: 1fr;
			gap: 1.5rem;
		}

		@media(min-width: 600px) {
			.grid { grid-template-columns: 1fr 1fr; }
			.full-width { grid-column: span 2; }
		}

		.card {
			border: 1px solid var(--terminal-dim);
			padding: 1.5rem;
			background: var(--glass);
			transition: all 0.3s ease;
			position: relative;
			overflow: hidden;
		}

		.card:hover {
			box-shadow: 0 0 15px var(--terminal-dim);
			transform: translateY(-2px);
			border-color: var(--terminal-green);
		}

		h2 { margin-top: 0; border-bottom: 1px dashed var(--terminal-dim); padding-bottom: 0.5rem; font-size: 1.2rem; }
		p { line-height: 1.5; color: #ccc; }
		ul { padding-left: 1.2rem; color: #ccc; }

		.btn {
			display: block;
			margin-top: 1rem;
			text-align: center;
			background: var(--terminal-dim);
			color: black;
			text-decoration: none;
			padding: 0.8rem;
			font-weight: bold;
			text-transform: uppercase;
		}
		.btn:hover { background: var(--terminal-green); }

		.minecraft-card { border-color: #5d4037; }
		.minecraft-card h2 { color: #8bc34a; border-color: #5d4037; }
		.minecraft-card .btn { background: #5d4037; color: #fff; }
		.minecraft-card .btn:hover { background: #8bc34a; }

		#admin-panel {
			display: none;
			border-color: var(--accent);
		}
		#admin-panel h2 { color: var(--accent); border-color: var(--accent); }
		#admin-panel .btn { background: var(--accent); color: white;}

		footer {
			margin-top: 3rem;
			text-align: center;
			font-size: 0.8rem;
			color: #555;
		}

		@keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } }

		.nav-bar { margin-bottom: 2rem; }
		.back-link { text-decoration: none; font-weight: bold; }
		.back-link:hover { text-decoration: underline; }

		.project-tag {
			display: inline-block;
			padding: 2px 8px;
			font-size: 0.7rem;
			border: 1px solid;
			margin-bottom: 10px;
			text-transform: uppercase;
		}

		.tag-active { color: var(--terminal-green); border-color: var(--terminal-green); box-shadow: 0 0 5px var(--terminal-dim); }
		.tag-wip { color: var(--warning); border-color: var(--warning); }
		.tag-offline { color: var(--offline); border-color: var(--offline); }

		.journal-entry {
			border-left: 2px solid var(--terminal-dim);
			padding-left: 1.5rem;
			margin-bottom: 2rem;
			position: relative;
		}

		.journal-entry::before {
			content: '';
			position: absolute;
			left: -6px;
			top: 0;
			width: 10px;
			height: 10px;
			background: var(--bg-color);
			border: 2px solid var(--terminal-green);
			border-radius: 50%;
		}

		.journal-date {
			font-size: 0.8rem;
			color: var(--terminal-dim);
			margin-bottom: 0.5rem;
			font-weight: bold;
		}

		.journal-content {
			background: var(--glass);
			border: 1px solid var(--terminal-dim);
			padding: 1rem;
		}

		.journal-content:hover {
			border-color: var(--accent);
			box-shadow: 0 0 10px rgba(189, 0, 255, 0.2);
		}