* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background: #111;
    color: #f5f5f5;
    font-family: Arial, Helvetica, sans-serif;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.container {
    text-align: center;
    width: 500px;
}

h1 {
    font-size: 48px;
    letter-spacing: 4px;
    color: #d4af37;
    margin-bottom: 20px;
}

.subtitle {
    font-size: 22px;
    color: #cfcfcf;
    margin-bottom: 50px;
}

.buttons {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.btn {
    text-decoration: none;
    background: #d4af37;
    color: black;
    padding: 16px;
    border-radius: 8px;
    font-size: 20px;
    font-weight: bold;
    transition: 0.25s;
}

.btn:hover {
    background: #f0c94a;
}

.secondary {
    background: transparent;
    border: 2px solid #d4af37;
    color: #d4af37;
}

.secondary:hover {
    background: #d4af37;
    color: black;
}
.register-form{
    width:100%;
    display:flex;
    flex-direction:column;
    gap:18px;
    margin-top:40px;
}

.register-form input,
.register-form textarea{
    width:100%;
    padding:16px;
    border-radius:8px;
    border:2px solid #444;
    background:#1d1d1d;
    color:#fff;
    font-size:18px;
    outline:none;
}

.register-form input:focus,
.register-form textarea:focus{
    border-color:#d4af37;
}

.register-form textarea{
    resize:vertical;
    min-height:140px;
}

.checkbox{
    display:flex;
    align-items:center;
    gap:12px;
    color:white;
    font-size:18px;
}

.checkbox input{
    width:20px;
    height:20px;
}

.register-form button{
    margin-top:15px;
}

.logo{
    width:180px;
    display:block;
    margin:0 auto 25px auto;
    filter:drop-shadow(0 0 12px rgba(212,175,55,.45));
}

.admin-table{

width:100%;

border-collapse:collapse;

margin-top:40px;

}

.admin-table th{

background:#d4af37;

color:black;

padding:12px;

}

.admin-table td{

padding:12px;

border:1px solid #444;

}

.admin-table tr:nth-child(even){

background:#1a1a1a;

}

.card {
    width: 700px;
    margin: auto;
    text-align: left;
    padding: 30px;
    background: #1b1b1b;
    border: 1px solid #444;
    border-radius: 10px;
}

.card p {
    margin-bottom: 15px;
}