@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Rajdhani:wght@600;700&display=swap');
* { margin: 0; padding: 0; box-sizing: border-box; }
body { background-color: #000000; color: #7b2fff; font-family: 'Rajdhani', sans-serif; overflow-x: hidden; }
.sidebar {
    width: 280px; height: 100vh; background: #000000; border-right: 2px solid #7b2fff;
    position: fixed; left: 0; top: 0; padding: 30px 20px; display: flex; flex-direction: column; z-index: 9999;
}
.logo-area { font-family: 'Bebas Neue'; font-size: 48px; color: #7b2fff; margin-bottom: 40px; text-transform: uppercase; }
.logo-area span { color: #3de7ff; }
.nav-item {
    display: block; color: #7b2fff; text-decoration: none; font-family: 'Bebas Neue';
    font-size: 24px; margin-bottom: 20px;
}
.nav-item:hover, .nav-item.active { color: #3de7ff; }
.logout-link { margin-top: auto; color: #7b2fff; text-decoration: none; font-family: 'Bebas Neue'; font-size: 18px; }

.main-content { 
    margin-left: 280px; 
    padding: 0; 
    min-height: 100vh; 
    background-color: #000000; 
    display: block; 
    width: calc(100% - 280px);
}

.main-wrapper-full { width: 100%; display: block; padding: 0; }
.rules-container { max-width: 800px; margin: 60px auto; padding: 0 20px; }
.header-rules h1 { font-family: 'Bebas Neue'; font-size: 48px; color: #7b2fff; text-align: center; margin-bottom: 40px; }
.header-rules h1 span { color: #3de7ff; }
.rules-content h3 { font-family: 'Bebas Neue'; font-size: 28px; color: #3de7ff; margin: 30px 0 10px 0; }
.rules-content p { font-family: 'Rajdhani'; font-size: 18px; color: #7b2fff; line-height: 1.6; margin-bottom: 15px; }
.warning-text { border: 1px solid #3de7ff; padding: 20px; margin-top: 40px; text-align: center; color: #3de7ff; font-weight: 700; text-transform: uppercase; }
.footer-actions { margin-top: 50px; display: flex; flex-direction: column; gap: 15px; align-items: center; }
.btn-accept { background: #7b2fff; color: #000000; text-decoration: none; font-family: 'Bebas Neue'; font-size: 24px; padding: 10px 40px; border: none; transition: 0.3s; }
.btn-accept:hover { background: #3de7ff; }
.btn-back { color: #3de7ff; text-decoration: none; font-family: 'Bebas Neue'; font-size: 18px; border-bottom: 1px solid #3de7ff; }
.top-nav-login { position: absolute; top: 30px; right: 40px; font-family: 'Bebas Neue'; background: #000000; z-index: 10; }
.top-nav-login span { color: #7b2fff; font-size: 18px; }
.top-nav-login a { color: #3de7ff; text-decoration: none; margin-left: 10px; border-bottom: 1px solid #3de7ff; font-size: 18px; }
.header-cadastro { text-align: center; margin: 80px 0 60px 0; background: #000000; }
.header-cadastro h1 { font-family: 'Bebas Neue'; font-size: 6rem; line-height: 0.8; color: #3de7ff; text-transform: uppercase; }
.main-container { max-width: 900px; margin: 0 auto; padding: 20px; background-color: #000000; }
.form-card { background-color: #000000; border: 1px solid #7b2fff; padding: 40px; margin-bottom: 40px; }
.section-header { font-family: 'Bebas Neue'; font-size: 32px; color: #3de7ff; margin-bottom: 30px; letter-spacing: 2px; text-transform: uppercase; }
.input-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 20px; }
input, select { 
    background-color: #000000 !important; 
    border: 1px solid #7b2fff; 
    padding: 18px; 
    color: #3de7ff; 
    font-family: 'Rajdhani'; 
    font-weight: 700; 
    font-size: 16px; 
    text-transform: uppercase;
    outline: none; 
    width: 100%;
}
input::placeholder, select::placeholder { 
    color: #3de7ff !important; 
    opacity: 1 !important; 
    text-transform: uppercase;
}
input:focus, select:focus { border-color: #3de7ff; color: #3de7ff; box-shadow: 0 0 10px rgba(61, 231, 255, 0.2); }
.form-hint { color: #3de7ff; text-align: center; margin: 20px 0; font-family: 'Rajdhani'; font-weight: 700; font-size: 14px; text-transform: uppercase; }
.submit-btn { 
    width: 100%; 
    background-color: #7b2fff; 
    color: #000000; 
    border: none; 
    padding: 25px; 
    font-size: 32px; 
    font-family: 'Bebas Neue'; 
    cursor: pointer; 
    transition: 0.2s; 
    text-transform: uppercase;
}
.submit-btn:hover { background-color: #3de7ff; box-shadow: 0 0 30px rgba(61, 231, 255, 0.5); }
@media (max-width: 768px) {
    .input-grid { grid-template-columns: 1fr; }
    .header-cadastro h1 { font-size: 3.5rem; }
    .top-nav-login { position: relative; top: 0; right: 0; text-align: center; margin-bottom: 20px; padding: 20px; flex-direction: column; gap: 10px; }
    .main-content { margin-left: 0; padding: 20px; width: 100%; }
    .sidebar { display: none; }
}