* { margin: 0; padding: 0; box-sizing: border-box; }
body { background: #0a0a0a; color: #00ff41; font-family: 'Courier New', monospace; }
canvas#matrix { position: fixed; top: 0; left: 0; z-index: -1; opacity: 0.15; }
.container { max-width: 1100px; margin: 0 auto; padding: 40px 20px; }
header { text-align: center; margin-bottom: 40px; }
header h1 { font-size: 3em; color: #00ff41; text-shadow: 0 0 20px #00ff41; }
header h2 { color: #aaa; font-size: 1.2em; margin-top: 10px; font-weight: normal; }
.auth-box { background: #111; border: 1px solid #00ff41; border-radius: 8px; padding: 30px; max-width: 420px; margin: 0 auto; }
.auth-box h3 { color: #00ff41; margin-bottom: 20px; font-size: 1.4em; }
.auth-box input, .auth-box textarea { width: 100%; padding: 12px; margin-bottom: 12px; background: #0a0a0a; border: 1px solid #00ff41; color: #00ff41; border-radius: 4px; font-family: inherit; font-size: 0.95em; }
.auth-box button, .btn { display: inline-block; padding: 12px 24px; background: #00ff41; color: #0a0a0a; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; font-family: inherit; text-decoration: none; font-size: 1em; }
.auth-box button:hover, .btn:hover { background: #00cc33; }
.auth-box a { color: #00ff41; }
.highlight { color: #ffff00; font-weight: bold; margin-bottom: 8px; }
.error { color: #ff4444; margin-bottom: 10px; }
.course-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px; margin-top: 30px; }
.course-card { background: #111; border: 1px solid #00ff41; border-radius: 8px; padding: 24px; }
.course-card h3 { color: #00ff41; margin-bottom: 10px; }
.course-card p { color: #aaa; margin-bottom: 16px; }
.lesson-box { background: #111; border: 1px solid #333; border-radius: 8px; padding: 20px; margin-bottom: 20px; }
.lesson-box h3 { color: #00ff41; margin-bottom: 12px; }
.lesson-box iframe { display: block; max-width: 100%; }
.lesson-box a { color: #00ff41; }
h2 { color: #00ff41; margin-bottom: 20px; }
.admin-body { background: #050505; }
.admin-nav { background: #111; border-bottom: 1px solid #00ff41; padding: 15px 30px; display: flex; gap: 20px; align-items: center; }
.admin-nav h2 { color: #00ff41; margin: 0; margin-right: auto; }
.admin-nav a { color: #aaa; text-decoration: none; }
.admin-nav a:hover { color: #00ff41; }
table { width: 100%; border-collapse: collapse; margin-top: 16px; }
th, td { padding: 10px 14px; border: 1px solid #333; text-align: left; }
th { background: #111; color: #00ff41; }
td { color: #ccc; }
input[type=text], input[type=url], input[type=email], input[type=password], textarea { width: 100%; padding: 10px; margin-bottom: 10px; background: #0a0a0a; border: 1px solid #00ff41; color: #00ff41; border-radius: 4px; font-family: inherit; }
button[type=submit] { padding: 10px 22px; background: #00ff41; color: #0a0a0a; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; font-family: inherit; }
.cert-box { border: 2px solid #00ff41; padding: 24px; text-align: center; margin-top: 30px; border-radius: 8px; }