admin/39074-vm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1

Browse Source
This commit is contained in:
Flatlogic Bot 2026-03-10 05:51:31 +00:00
parent 5bb874b992
commit b12f985e57
6 changed files with 367 additions and 106 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

136
admin.php
View File

@ -50,9 +50,124 @@ $chart_values = json_encode(array_column($chart_data, 'user_count'));
<title>Admin Dashboard</title> <title>Admin Dashboard</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script> <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<style>
:root {
--bg-start: #0b2083;
--bg-end: #1029a0;
--surface: rgba(11, 32, 131, 0.40);
--surface-soft: rgba(16, 41, 160, 0.32);
--line: rgba(221, 226, 253, 0.18);
--text-main: #f3f9ff;
--text-soft: #dde2fd;
--text-muted: #97acd0;
--accent: #2c4bd1;
--accent-strong: #1029a0;
--success: #18d1b3;
--danger: #ff6b81;
}
body {
min-height: 100vh;
margin: 0;
background:
radial-gradient(circle at top left, rgba(221, 226, 253, 0.22), transparent 28%),
linear-gradient(135deg, var(--bg-start) 0%, #1029a0 55%, var(--bg-end) 100%);
color: var(--text-main);
}
.admin-shell {
max-width: 1220px;
padding-top: 40px;
padding-bottom: 40px;
}
h2, h3, .h5, p, label, th, td {
color: var(--text-main);
}
p.text-muted, .text-muted {
color: var(--text-muted) !important;
}
.panel-card,
.table-shell {
background: var(--surface);
border: 1px solid var(--line);
border-radius: 22px;
box-shadow: 0 25px 60px rgba(3, 11, 25, 0.38);
backdrop-filter: blur(16px);
}
.panel-card {
margin-top: 1.5rem;
padding: 1.5rem;
}
.table-shell {
margin-top: 1rem;
padding: 0.35rem;
overflow: hidden;
}
.alert-info {
background: rgba(34, 199, 255, 0.12);
color: var(--text-main);
border: 1px solid rgba(34, 199, 255, 0.28);
}
.btn-outline-primary {
color: var(--accent-soft, #bbc8fb);
border-color: rgba(34, 199, 255, 0.35);
}
.btn-outline-primary:hover {
background: rgba(187, 200, 251, 0.18);
border-color: rgba(34, 199, 255, 0.55);
}
.btn-success,
.btn-primary {
background: linear-gradient(135deg, var(--accent) 0%, var(--accent-strong) 100%);
border: none;
}
.btn-success:hover,
.btn-primary:hover {
background: linear-gradient(135deg, #bbc8fb 0%, #2c4bd1 100%);
}
.btn-danger {
background: linear-gradient(135deg, #ff7a8b 0%, #f04f74 100%);
border: none;
}
.table {
margin-bottom: 0;
--bs-table-bg: transparent;
--bs-table-striped-bg: rgba(221, 226, 253, 0.06);
--bs-table-striped-color: var(--text-main);
--bs-table-hover-bg: rgba(187, 200, 251, 0.12);
--bs-table-hover-color: var(--text-main);
color: var(--text-main);
}
.table thead th {
border-bottom-color: rgba(221, 226, 253, 0.18);
color: var(--accent);
font-weight: 700;
background: rgba(255, 255, 255, 0.02);
}
.table td,
.table th {
border-color: rgba(143, 232, 255, 0.08);
vertical-align: middle;
}
.page-link {
background: rgba(255, 255, 255, 0.04);
color: var(--text-main);
border-color: rgba(143, 232, 255, 0.12);
}
.page-item.active .page-link {
background: linear-gradient(135deg, var(--accent) 0%, var(--accent-strong) 100%);
border-color: transparent;
}
.page-link:hover {
color: var(--text-main);
background: rgba(34, 199, 255, 0.12);
border-color: rgba(34, 199, 255, 0.24);
}
canvas {
filter: drop-shadow(0 10px 25px rgba(34, 199, 255, 0.08));
}
</style>
</head> </head>
<body> <body>
<div class="container mt-5"> <div class="container admin-shell">
<h2>Admin Dashboard</h2> <h2>Admin Dashboard</h2>
<p>Welcome, <?php echo htmlspecialchars($_SESSION['user'] ?? 'Admin'); ?>!</p> <p>Welcome, <?php echo htmlspecialchars($_SESSION['user'] ?? 'Admin'); ?>!</p>
@ -62,7 +177,7 @@ $chart_values = json_encode(array_column($chart_data, 'user_count'));
</div> </div>
<?php endif; ?> <?php endif; ?>
<div class="mt-4 p-4 border rounded shadow-sm bg-light"> <div class="panel-card">
<div class="d-flex justify-content-between align-items-center mb-3"> <div class="d-flex justify-content-between align-items-center mb-3">
<h3 class="h5 mb-0">Daily Registrations</h3> <h3 class="h5 mb-0">Daily Registrations</h3>
<button id="downloadChartBtn" class="btn btn-sm btn-outline-primary">Save as Image</button> <button id="downloadChartBtn" class="btn btn-sm btn-outline-primary">Save as Image</button>
@ -77,7 +192,7 @@ $chart_values = json_encode(array_column($chart_data, 'user_count'));
<a href="export_csv.php" class="btn btn-success">Download CSV</a> <a href="export_csv.php" class="btn btn-success">Download CSV</a>
</div> </div>
<div class="table-responsive"> <div class="table-responsive table-shell">
<table class="table table-striped"> <table class="table table-striped">
<thead> <thead>
<tr> <tr>
@ -147,8 +262,8 @@ $chart_values = json_encode(array_column($chart_data, 'user_count'));
datasets: [{ datasets: [{
label: 'Daily Registrations', label: 'Daily Registrations',
data: <?php echo $chart_values; ?>, data: <?php echo $chart_values; ?>,
backgroundColor: 'rgba(0, 123, 255, 0.1)', backgroundColor: 'rgba(187, 200, 251, 0.18)',
borderColor: 'rgba(0, 123, 255, 1)', borderColor: 'rgba(34, 199, 255, 1)',
borderWidth: 2, borderWidth: 2,
tension: 0.4, tension: 0.4,
fill: true fill: true
@ -156,10 +271,16 @@ $chart_values = json_encode(array_column($chart_data, 'user_count'));
}, },
options: { options: {
scales: { scales: {
x: {
ticks: { color: '#dde2fd' },
grid: { color: 'rgba(143, 232, 255, 0.08)' }
},
y: { y: {
beginAtZero: true, beginAtZero: true,
grid: { color: 'rgba(143, 232, 255, 0.08)' },
ticks: { ticks: {
stepSize: 1 stepSize: 1,
color: '#dde2fd'
} }
} }
}, },
@ -169,7 +290,8 @@ $chart_values = json_encode(array_column($chart_data, 'user_count'));
}, },
title: { title: {
display: true, display: true,
text: 'User Registrations per Day' text: 'User Registrations per Day',
color: '#f3f9ff'
} }
} }
} }

20
assets/css/custom.css
View File

@ -1,13 +1,13 @@
:root { :root {
--primary: #6366f1; --primary: #2c4bd1;
--primary-dark: #4f46e5; --primary-dark: #1029a0;
--accent: #d946ef; --accent: #18d1b3;
--dark-bg: #1e1b4b; --dark-bg: #0b2083;
--card-bg: rgba(30, 27, 75, 0.9); --card-bg: rgba(11, 32, 131, 0.40);
--text-main: #f8fafc; --text-main: #f3f9ff;
--text-muted: #94a3b8; --text-muted: #bbc8fb;
--gradient: linear-gradient(135deg, #6366f1 0%, #d946ef 100%); --gradient: linear-gradient(135deg, #2c4bd1 0%, #1029a0 100%);
--bg-gradient: linear-gradient(-45deg, #1e1b4b, #312e81, #1e1b4b); --bg-gradient: linear-gradient(-45deg, #0b2083, #1029a0, #2c4bd1);
} }
body { body {
@ -69,7 +69,7 @@ button:hover {
/* Inputs */ /* Inputs */
input, .form-control { input, .form-control {
background: rgba(255, 255, 255, 0.05); background: rgba(221, 226, 253, 0.08);
border: 1px solid rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 12px; border-radius: 12px;
padding: 0.75rem 1rem; padding: 0.75rem 1rem;

BIN
assets/pasted-20260310-054917-348e02e8.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 80 KiB

62
edit_attendee.php
View File

@ -64,16 +64,68 @@ try {
<title>Edit Attendee</title> <title>Edit Attendee</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<style> <style>
:root {
--bg-start: #0b2083;
--bg-end: #1029a0;
--surface: rgba(11, 32, 131, 0.40);
--line: rgba(221, 226, 253, 0.18);
--text-main: #f3f9ff;
--text-soft: #dde2fd;
--accent: #2c4bd1;
--accent-strong: #1029a0;
--accent-soft: #bbc8fb;
}
body { body {
background-color: #121212; background:
color: #e0e0e0; radial-gradient(circle at top left, rgba(221, 226, 253, 0.22), transparent 28%),
linear-gradient(135deg, var(--bg-start) 0%, #1029a0 55%, var(--bg-end) 100%);
color: var(--text-main);
min-height: 100vh;
} }
.container { .container {
max-width: 600px; max-width: 700px;
padding-top: 2rem; padding-top: 3rem;
padding-bottom: 3rem;
} }
h1 { h1 {
color: #ffd700; color: var(--text-main);
font-weight: 800;
margin-bottom: 1.5rem;
}
form {
background: var(--surface);
border: 1px solid var(--line);
border-radius: 22px;
padding: 1.75rem;
box-shadow: 0 25px 60px rgba(3, 11, 25, 0.4);
backdrop-filter: blur(16px);
}
.form-label,
.form-check-label {
color: var(--text-soft);
}
.form-control {
background: rgba(221, 226, 253, 0.08);
border-color: rgba(221, 226, 253, 0.18);
color: var(--text-main);
}
.form-control:focus {
background: rgba(221, 226, 253, 0.10);
color: var(--text-main);
border-color: rgba(44, 75, 209, 0.65);
box-shadow: 0 0 0 0.2rem rgba(187, 200, 251, 0.18);
}
.btn-primary {
background: linear-gradient(135deg, var(--accent) 0%, var(--accent-strong) 100%);
border: none;
}
.btn-secondary {
background: rgba(221, 226, 253, 0.12);
border-color: rgba(221, 226, 253, 0.22);
}
.btn-secondary:hover {
background: rgba(221, 226, 253, 0.18);
border-color: rgba(221, 226, 253, 0.32);
} }
</style> </style>
</head> </head>

165
index.php
View File

@ -3,137 +3,204 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Webinar Registration</title> <title>AppWizzy Webinar Registration</title>
<meta name="description" content="Register for the AppWizzy webinar about building scalable apps with real frameworks, your own server, and your own database.">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<style> <style>
:root {
--bg-start: #0b2083;
--bg-mid: #1029a0;
--bg-end: #2c4bd1;
--surface: rgba(11, 32, 131, 0.34);
--surface-strong: rgba(16, 41, 160, 0.38);
--line: rgba(221, 226, 253, 0.22);
--text-main: #f3f9ff;
--text-soft: #dde2fd;
--text-muted: #bbc8fb;
--accent: #2c4bd1;
--accent-strong: #1029a0;
--accent-soft: #bbc8fb;
--success: #18d1b3;
}
* {
box-sizing: border-box;
}
body { body {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
background: linear-gradient(135deg, #1a237e 0%, #673ab7 100%); background:
color: #fff; radial-gradient(circle at top left, rgba(221, 226, 253, 0.24), transparent 30%),
radial-gradient(circle at bottom right, rgba(44, 75, 209, 0.24), transparent 35%),
linear-gradient(135deg, var(--bg-start) 0%, var(--bg-mid) 52%, var(--bg-end) 100%);
color: var(--text-main);
margin: 0;
min-height: 100vh;
} }
.webinar-container { .webinar-container {
min-height: 100vh; min-height: 100vh;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 20px; padding: 24px;
} }
.webinar-card { .webinar-card {
width: 100%; width: 100%;
max-width: 1200px; max-width: 1200px;
box-shadow: 0 20px 50px rgba(0,0,0,0.25); box-shadow: 0 30px 80px rgba(2, 10, 24, 0.55);
border-radius: 20px; border-radius: 28px;
overflow: hidden; overflow: hidden;
background: rgba(255, 255, 255, 0.05); background: var(--surface);
border: 1px solid rgba(255, 255, 255, 0.1); border: 1px solid var(--line);
backdrop-filter: blur(18px);
} }
.left-column { .left-column {
padding: 60px; padding: 60px;
} }
.right-column { .right-column {
background: rgba(0, 0, 0, 0.2); background: linear-gradient(180deg, rgba(11, 32, 131, 0.78), rgba(16, 41, 160, 0.86));
padding: 60px; padding: 60px;
border-left: 1px solid var(--line);
} }
.brand-logo { .brand-logo {
font-weight: bold; font-weight: 700;
font-size: 1.5rem; font-size: 1.5rem;
margin-bottom: 40px; margin-bottom: 40px;
color: var(--accent-soft);
} }
.webinar-title { .webinar-title {
font-size: 2.8rem; font-size: 2.8rem;
font-weight: bold; font-weight: 800;
margin-top: 10px; margin-top: 10px;
color: #fff; margin-bottom: 12px;
color: var(--text-main);
letter-spacing: -0.03em;
} }
.webinar-subtitle { .webinar-subtitle {
font-size: 1.2rem; font-size: 1.2rem;
font-weight: bold; font-weight: 700;
margin-top: 10px; margin-top: 10px;
color: #e0e0e0; color: var(--accent-soft);
} }
.webinar-time { .webinar-time {
color: #bdbdbd; color: var(--accent);
margin-top: 20px; margin-top: 20px;
font-weight: 500; font-weight: 700;
letter-spacing: 0.03em;
} }
.webinar-description { .webinar-description {
margin-top: 20px; margin-top: 20px;
font-size: 1.1rem; font-size: 1.08rem;
color: #e0e0e0; color: var(--text-soft);
max-width: 620px;
} }
.speakers-section { .speakers-section {
margin-top: 40px; margin-top: 42px;
} }
.speakers-section h3 { .speakers-section h3 {
font-weight: bold; font-weight: 700;
margin-bottom: 20px; margin-bottom: 22px;
color: #fff; color: var(--text-main);
} }
.speaker-card { .speaker-card {
text-align: center; text-align: center;
} }
.speaker-card img { .speaker-card img {
width: 90px; width: 92px;
height: 90px; height: 92px;
border-radius: 50%; border-radius: 50%;
object-fit: cover; object-fit: cover;
margin-bottom: 10px; margin-bottom: 12px;
border: 4px solid white; border: 3px solid rgba(187, 200, 251, 0.82);
box-shadow: 0 12px 25px rgba(8, 24, 47, 0.45);
} }
.speaker-card h5 { .speaker-card h5 {
color: #fff; color: var(--text-main);
margin-bottom: 4px;
} }
.speaker-card .text-muted { .speaker-card .text-muted {
color: #bdbdbd !important; color: var(--text-muted) !important;
} }
.form-control { .form-control,
background-color: rgba(255, 255, 255, 0.1); .form-select {
border: 1px solid rgba(255, 255, 255, 0.2); background-color: rgba(221, 226, 253, 0.08);
border-radius: 8px; border: 1px solid rgba(221, 226, 253, 0.18);
padding: 12px 15px; border-radius: 12px;
color: #fff; padding: 13px 15px;
color: var(--text-main);
box-shadow: none;
} }
.form-control::placeholder { .form-control::placeholder {
color: #bdbdbd; color: var(--text-muted);
}
.form-control:focus,
.form-select:focus {
color: var(--text-main);
background-color: rgba(221, 226, 253, 0.12);
border-color: rgba(44, 75, 209, 0.65);
box-shadow: 0 0 0 0.2rem rgba(221, 226, 253, 0.18);
}
.form-select option {
background: #1029a0;
color: var(--text-main);
} }
.form-check-label { .form-check-label {
color: #e0e0e0; color: var(--text-soft);
} }
.btn-register { .btn-register {
background: linear-gradient(135deg, #3f51b5 0%, #9c27b0 100%); background: linear-gradient(135deg, var(--accent) 0%, var(--accent-strong) 100%);
color: #fff; color: #fff;
border: none; border: none;
border-radius: 8px; border-radius: 14px;
padding: 12px; padding: 14px;
width: 100%; width: 100%;
font-weight: bold; font-weight: 800;
transition: all 0.3s ease; letter-spacing: 0.01em;
transition: all 0.25s ease;
box-shadow: 0 16px 32px rgba(16, 41, 160, 0.35);
} }
.btn-register:hover { .btn-register:hover {
transform: translateY(-2px); transform: translateY(-2px);
box-shadow: 0 10px 20px rgba(0,0,0,0.2); box-shadow: 0 22px 36px rgba(16, 41, 160, 0.42);
} }
.what-you-learn { .what-you-learn {
margin-top: 40px; margin-top: 40px;
} }
.what-you-learn h4 { .what-you-learn h4 {
font-weight: bold; font-weight: 800;
color: #fff; color: var(--text-main);
letter-spacing: 0.04em;
} }
.what-you-learn ul { .what-you-learn ul {
list-style: none; list-style: none;
padding-left: 0; padding-left: 0;
} }
.what-you-learn li { .what-you-learn li {
color: #e0e0e0; color: var(--text-soft);
margin-bottom: 8px;
} }
.what-you-learn li::before { .what-you-learn li::before {
content: "✓"; content: "✓";
margin-right: 10px; margin-right: 10px;
color: #3f51b5; color: var(--success);
} }
#right-column-content h2, #right-column-content p { #right-column-content h2,
color: #fff; #right-column-content p {
color: var(--text-main);
}
#form-message {
color: var(--accent-soft) !important;
}
@media (max-width: 991.98px) {
.left-column,
.right-column {
padding: 36px 28px;
}
.right-column {
border-left: 0;
border-top: 1px solid var(--line);
}
.webinar-title {
font-size: 2.2rem;
}
} }
</style> </style>
</head> </head>

90
login.php
View File

@ -29,7 +29,7 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['email'])) {
header('Location: dashboard.php'); header('Location: dashboard.php');
exit; exit;
} else { } else {
$error = 'Invalid email or password. Would you like to <a href="register.php" style="color: #ffdd57;">register for the webinar</a>?'; $error = 'Invalid email or password. Would you like to <a href="register.php" style="color: #bbc8fb; font-weight: 600;">register for the webinar</a>?';
} }
} catch (PDOException $e) { } catch (PDOException $e) {
error_log($e->getMessage()); error_log($e->getMessage());
@ -46,18 +46,26 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['email'])) {
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">
<style> <style>
:root { :root {
--primary-color: #4a90e2; --primary-color: #2c4bd1;
--background-color: #f4f7f6; --primary-hover: #1029a0;
--card-background: #ffffff; --background-start: #0b2083;
--text-color: #333; --background-end: #1029a0;
--input-border: #e0e0e0; --card-background: rgba(9, 24, 47, 0.84);
--input-focus-border: #4a90e2; --text-color: #f3f9ff;
--error-color: #d9534f; --muted-text: #bbc8fb;
--success-color: #5cb85c; --input-border: rgba(221, 226, 253, 0.18);
--input-focus-border: #2c4bd1;
--error-color: #ff8ea0;
--success-color: #18d1b3;
}
* {
box-sizing: border-box;
} }
body { body {
font-family: 'Roboto', sans-serif; font-family: 'Roboto', sans-serif;
background-color: var(--background-color); background:
radial-gradient(circle at top left, rgba(221, 226, 253, 0.22), transparent 28%),
linear-gradient(135deg, var(--background-start) 0%, #1029a0 55%, var(--background-end) 100%);
color: var(--text-color); color: var(--text-color);
margin: 0; margin: 0;
display: flex; display: flex;
@ -68,25 +76,27 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['email'])) {
} }
.logo { .logo {
font-weight: 700; font-weight: 700;
font-size: 24px; font-size: 28px;
margin-bottom: 2rem; margin-bottom: 1.5rem;
color: var(--primary-color); color: #bbc8fb;
letter-spacing: 0.02em;
} }
.login-container { .login-container {
width: 100%; width: 100%;
max-width: 400px; max-width: 440px;
padding: 2rem; padding: 2rem;
} }
.login-card { .login-card {
background-color: var(--card-background); background-color: var(--card-background);
border-radius: 8px; border-radius: 22px;
padding: 2.5rem; padding: 2.5rem;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05); box-shadow: 0 24px 60px rgba(3, 11, 25, 0.4);
border: 1px solid var(--input-border); border: 1px solid var(--input-border);
backdrop-filter: blur(16px);
} }
h1 { h1 {
font-size: 24px; font-size: 28px;
font-weight: 500; font-weight: 700;
margin-top: 0; margin-top: 0;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
text-align: center; text-align: center;
@ -94,67 +104,77 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['email'])) {
.subtitle { .subtitle {
text-align: center; text-align: center;
margin-bottom: 2rem; margin-bottom: 2rem;
color: #777; color: var(--muted-text);
} }
.form-group { .form-group {
margin-bottom: 1.5rem; margin-bottom: 1.25rem;
} }
label { label {
display: block; display: block;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
font-weight: 500; font-weight: 500;
font-size: 14px; font-size: 14px;
color: var(--text-color);
} }
input[type="email"], input[type="password"] { input[type="email"], input[type="password"] {
width: 100%; width: 100%;
padding: 12px; padding: 13px 14px;
border: 1px solid var(--input-border); border: 1px solid var(--input-border);
border-radius: 4px; border-radius: 12px;
box-sizing: border-box; box-sizing: border-box;
font-size: 16px; font-size: 16px;
transition: border-color 0.2s; transition: border-color 0.2s, box-shadow 0.2s, background-color 0.2s;
background: rgba(221, 226, 253, 0.08);
color: var(--text-color);
}
input[type="email"]::placeholder, input[type="password"]::placeholder {
color: var(--muted-text);
} }
input[type="email"]:focus, input[type="password"]:focus { input[type="email"]:focus, input[type="password"]:focus {
outline: none; outline: none;
border-color: var(--input-focus-border); border-color: var(--input-focus-border);
box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.2); box-shadow: 0 0 0 3px rgba(187, 200, 251, 0.18);
background: rgba(221, 226, 253, 0.10);
} }
.submit-button { .submit-button {
width: 100%; width: 100%;
padding: 14px; padding: 14px;
border: none; border: none;
background-color: var(--primary-color); background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-hover) 100%);
color: white; color: white;
font-weight: 700; font-weight: 700;
font-size: 16px; font-size: 16px;
border-radius: 4px; border-radius: 12px;
cursor: pointer; cursor: pointer;
transition: background-color 0.2s; transition: transform 0.2s ease, box-shadow 0.2s ease;
box-shadow: 0 16px 30px rgba(19, 105, 179, 0.32);
} }
.submit-button:hover { .submit-button:hover {
background-color: #357abd; transform: translateY(-1px);
box-shadow: 0 20px 34px rgba(19, 105, 179, 0.38);
} }
.message { .message {
padding: 1rem; padding: 1rem;
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
border-radius: 4px; border-radius: 12px;
text-align: center; text-align: center;
font-size: 14px; font-size: 14px;
} }
.error { .error {
background-color: #fbe9e7; background-color: rgba(255, 142, 160, 0.12);
color: var(--error-color); color: #ffdbe2;
border: 1px solid var(--error-color); border: 1px solid rgba(255, 142, 160, 0.34);
} }
.success { .success {
background-color: #e8f5e9; background-color: rgba(24, 209, 179, 0.12);
color: var(--success-color); color: #dcfff8;
border: 1px solid var(--success-color); border: 1px solid rgba(24, 209, 179, 0.34);
} }
.footer-link { .footer-link {
text-align: center; text-align: center;
margin-top: 1.5rem; margin-top: 1.5rem;
font-size: 14px; font-size: 14px;
color: var(--muted-text);
} }
.footer-link a { .footer-link a {
color: var(--primary-color); color: var(--primary-color);