body {
font-family:"Arial",sans-serif;
margin:0;
padding:0;
background-color:#0a0a0a;
color:#e0e0e0;
display:flex;
flex-direction:column;
min-height:100vh
}

html {
scroll-behavior:smooth
}

.container {
max-width:1200px;
margin:0 auto;
padding:0 20px
}

::-webkit-scrollbar {
width:12px
}

::-webkit-scrollbar-track {
background:#2f2e2f;
border-radius:6px
}

::-webkit-scrollbar-thumb {
background-color:#e5e5e5;
border-radius:6px;
border:3px solid #2f2e2f
}

::-webkit-scrollbar-thumb:hover {
background-color:#d0d0d0
}

.alert {
padding:16px 24px;
border-radius:24px;
text-align:center;
display:inline-block;
margin:0 auto 20px;
margin-top:20px;
font-weight:500;
font-size:16px;
box-shadow:0 2px 4px #0000001a;
display:block;
width:fit-content
}

.alert-success {
background-color:#2e7d32;
color:#fff
}

.alert-error {
background-color:#d32f2f;
color:#fff
}

.alert-status {
background-color:#1976d2;
color:#fff
}

.alert-info {
background-color:#0288d1;
color:#fff
}

.auth-login-container {
max-width:500px;
margin:20px auto;
padding:30px;
background-color:#171717;
border-radius:12px;
box-shadow:0 6px 25px #0000004d;
border:1px solid #2f2e2f
}

.auth-login-inner {
width:100%
}

.auth-login-title {
color:#e5e5e5;
font-size:28px;
font-weight:700;
margin-bottom:25px;
text-align:center;
padding-bottom:15px
}

.auth-login-form-group {
margin-bottom:20px
}

.auth-login-label {
display:block;
color:#e0e0e0;
font-size:16px;
font-weight:600;
margin-bottom:8px;
text-align:center
}

.auth-login-input {
width:100%;
padding:12px 15px;
background-color:#212121;
border:1px solid #2f2e2f;
border-radius:8px;
color:#e0e0e0;
font-size:15px;
transition:all .3s ease;
box-sizing:border-box;
text-align:center
}

.auth-login-input:focus {
outline:none;
border-color:#e5e5e5
}

.auth-login-captcha-wrapper {
background-color:#212121;
border-radius:8px;
padding:15px;
border:1px solid #2f2e2f;
max-width:240px;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center
}

.auth-login-captcha-label {
display:block;
color:#e5e5e5;
font-size:16px;
font-weight:600;
margin-bottom:15px;
text-align:center
}

.auth-login-captcha-image {
display:block;
margin:0 auto 15px;
border-radius:8px;
border:1px solid #2f2e2f;
background-color:#d3d3d3;
max-height:80px
}

.auth-login-input[name="captcha"] {
flex:0 0 auto;
width:80px;
text-align:center;
padding:8px;
font-size:14px;
box-sizing:border-box;
border:1px solid #2f2e2f;
background-color:#212121;
color:#e0e0e0;
border-radius:4px;
margin:0 auto
}

.auth-login-input[name="captcha"]:focus {
outline:none;
border-color:#e5e5e5
}

.auth-login-submit-btn {
width:100%;
padding:14px 20px;
background-color:#212121;
color:#fafafa;
border:1px solid #424242;
border-radius:8px;
font-size:16px;
font-weight:700;
cursor:pointer;
transition:all .3s ease;
text-transform:uppercase;
letter-spacing:1px;
margin-top:20px
}

.auth-login-submit-btn:hover {
background-color:#282828;
}

.auth-login-links {
display:flex;
justify-content:center;
align-items:center;
margin-top:20px;
padding-top:15px;
border-top:1px solid #2f2e2f;
gap:15px
}

.auth-login-links a {
display:inline-block;
color:#e5e5e5;
text-decoration:none;
font-weight:600;
transition:all .3s ease;
padding:8px 12px;
border-radius:4px
}

.auth-login-links a:hover {
color:#d0d0d0;
}

.auth-login-links-separator {
color:#a0a0a0;
font-size:14px;
margin:0 5px
}

.auth-register-container {
max-width:500px;
margin:20px auto;
padding:30px;
background-color:#171717;
border-radius:12px;
box-shadow:0 6px 25px #0000004d;
border:1px solid #2f2e2f
}

.auth-register-inner {
width:100%
}

.auth-register-title {
color:#e5e5e5;
font-size:28px;
font-weight:700;
margin-bottom:25px;
text-align:center;
padding-bottom:15px
}

.auth-register-form-group {
margin-bottom:20px
}

.auth-register-label {
display:block;
color:#e0e0e0;
font-size:16px;
font-weight:600;
margin-bottom:8px;
text-align:center
}

.auth-register-optional-text {
color:#a0a0a0;
font-size:14px;
font-weight:400;
font-style:italic
}

.auth-register-input {
width:100%;
padding:12px 15px;
background-color:#212121;
border:1px solid #2f2e2f;
border-radius:8px;
color:#e0e0e0;
font-size:15px;
transition:all .3s ease;
box-sizing:border-box;
text-align:center
}

.auth-register-input:focus {
outline:none;
border-color:#e5e5e5
}

.auth-register-captcha-wrapper {
background-color:#212121;
border-radius:8px;
padding:15px;
border:1px solid #2f2e2f;
max-width:240px;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center
}

.auth-register-captcha-label {
display:block;
color:#e5e5e5;
font-size:16px;
font-weight:600;
margin-bottom:15px;
text-align:center
}

.auth-register-captcha-image {
display:block;
margin:0 auto 15px;
border-radius:8px;
border:1px solid #2f2e2f;
background-color:#d3d3d3;
max-height:80px
}

.auth-register-input[name="captcha"] {
flex:0 0 auto;
width:80px;
text-align:center;
padding:8px;
font-size:14px;
box-sizing:border-box;
border:1px solid #2f2e2f;
background-color:#212121;
color:#e0e0e0;
border-radius:4px;
margin:0 auto
}

.auth-register-input[name="captcha"]:focus {
outline:none;
border-color:#e5e5e5
}

.auth-register-submit-btn {
width:100%;
padding:14px 20px;
background-color:#212121;
color:#fafafa;
border:1px solid #424242;
border-radius:8px;
font-size:16px;
font-weight:700;
cursor:pointer;
transition:all .3s ease;
text-transform:uppercase;
letter-spacing:1px;
margin-top:20px
}

.auth-register-submit-btn:hover {
background-color:#282828
}

.auth-register-links {
display:flex;
justify-content:center;
align-items:center;
margin-top:20px;
padding-top:15px;
border-top:1px solid #2f2e2f
}

.auth-register-links a {
display:inline-block;
color:#e5e5e5;
text-decoration:none;
font-weight:600;
transition:all .3s ease;
padding:8px 12px;
border-radius:4px
}

.auth-register-links a:hover {
color:#d0d0d0
}

.auth-mnemonic-container {
max-width:600px;
margin:20px auto;
padding:30px;
background-color:#171717;
border-radius:12px;
box-shadow:0 6px 25px #0000004d;
border:1px solid #2f2e2f
}

.auth-mnemonic-inner {
width:100%
}

.auth-mnemonic-title {
color:#e5e5e5;
font-size:28px;
font-weight:700;
margin-bottom:25px;
text-align:center;
padding-bottom:15px
}

.auth-mnemonic-warning {
background-color:#212121;
border:1px solid #2f2e2f;
border-radius:8px;
padding:20px;
margin-bottom:25px;
text-align:center
}

.auth-mnemonic-warning strong {
color:#e5e5e5;
font-size:18px;
font-weight:700;
display:block;
margin-bottom:10px
}

.auth-mnemonic-warning-text {
color:#e0e0e0;
font-size:15px;
line-height:1.6
}

.auth-mnemonic-display {
background-color:#212121;
border:1px solid #2f2e2f;
border-radius:8px;
padding:25px;
margin-bottom:25px;
text-align:center
}

.auth-mnemonic-words {
color:#e5e5e5;
font-size:18px;
font-weight:600;
letter-spacing:1px;
line-height:1.8;
margin:0;
word-break:break-word
}

.auth-mnemonic-form {
text-align:center
}

.auth-mnemonic-submit-btn {
width:100%;
padding:14px 20px;
background-color:#212121;
color:#fafafa;
border:1px solid #424242;
border-radius:8px;
font-size:16px;
font-weight:700;
cursor:pointer;
transition:all .3s ease;
text-transform:uppercase;
letter-spacing:1px;
margin-top:20px
}

.auth-mnemonic-submit-btn:hover {
background-color:#282828
}

.auth-forgot-password-container {
max-width:500px;
margin:20px auto;
padding:30px;
background-color:#171717;
border-radius:12px;
box-shadow:0 6px 25px #0000004d;
border:1px solid #2f2e2f
}

.auth-forgot-password-inner {
width:100%
}

.auth-forgot-password-title {
color:#e5e5e5;
font-size:28px;
font-weight:700;
margin-bottom:25px;
text-align:center;
padding-bottom:15px
}

.auth-forgot-password-form-group {
margin-bottom:20px
}

.auth-forgot-password-label {
display:block;
color:#e0e0e0;
font-size:16px;
font-weight:600;
margin-bottom:8px;
text-align:center
}

.auth-forgot-password-input {
width:100%;
padding:12px 15px;
background-color:#212121;
border:1px solid #2f2e2f;
border-radius:8px;
color:#e0e0e0;
font-size:15px;
transition:all .3s ease;
box-sizing:border-box;
text-align:center
}

.auth-forgot-password-input:focus {
outline:none;
border-color:#e5e5e5
}

.auth-forgot-password-input[name="mnemonic"] {
font-size:14px;
letter-spacing:.5px;
line-height:1.4;
min-height:80px;
resize:vertical;
padding:15px;
text-align:left
}

.auth-forgot-password-submit-btn {
width:100%;
padding:14px 20px;
background-color:#212121;
color:#fafafa;
border:1px solid #424242;
border-radius:8px;
font-size:16px;
font-weight:700;
cursor:pointer;
transition:all .3s ease;
text-transform:uppercase;
letter-spacing:1px;
margin-top:20px
}

.auth-forgot-password-submit-btn:hover {
background-color:#282828
}

.auth-forgot-password-links {
display:flex;
justify-content:center;
align-items:center;
margin-top:20px;
padding-top:15px;
border-top:1px solid #2f2e2f
}

.auth-forgot-password-links a {
display:inline-block;
color:#e5e5e5;
text-decoration:none;
font-weight:600;
transition:all .3s ease;
padding:8px 12px;
border-radius:4px
}

.auth-forgot-password-links a:hover {
color:#d0d0d0
}

.auth-reset-password-container {
max-width:500px;
margin:20px auto;
padding:30px;
background-color:#171717;
border-radius:12px;
box-shadow:0 6px 25px #0000004d;
border:1px solid #2f2e2f
}

.auth-reset-password-inner {
width:100%
}

.auth-reset-password-title {
color:#e5e5e5;
font-size:28px;
font-weight:700;
margin-bottom:25px;
text-align:center;
padding-bottom:15px
}

.auth-reset-password-form-group {
margin-bottom:20px
}

.auth-reset-password-label {
display:block;
color:#e0e0e0;
font-size:16px;
font-weight:600;
margin-bottom:8px;
text-align:center
}

.auth-reset-password-input {
width:100%;
padding:12px 15px;
background-color:#212121;
border:1px solid #2f2e2f;
border-radius:8px;
color:#e0e0e0;
font-size:15px;
transition:all .3s ease;
box-sizing:border-box;
text-align:center
}

.auth-reset-password-input:focus {
outline:none;
border-color:#e5e5e5
}

.auth-reset-password-submit-btn {
width:100%;
padding:14px 20px;
background-color:#212121;
color:#fafafa;
border:1px solid #424242;
border-radius:8px;
font-size:16px;
font-weight:700;
cursor:pointer;
transition:all .3s ease;
text-transform:uppercase;
letter-spacing:1px;
margin-top:20px
}

.auth-reset-password-submit-btn:hover {
background-color:#282828
}

.auth-reset-password-links {
display:flex;
justify-content:center;
align-items:center;
margin-top:20px;
padding-top:15px;
border-top:1px solid #2f2e2f
}

.auth-reset-password-links a {
display:inline-block;
color:#e5e5e5;
text-decoration:none;
font-weight:600;
transition:all .3s ease;
padding:8px 12px;
border-radius:4px
}

.auth-reset-password-links a:hover {
color:#d0d0d0
}

.auth-banned-container {
max-width:500px;
margin:20px auto;
padding:30px;
background-color:#171717;
border-radius:12px;
box-shadow:0 6px 25px #0000004d;
border:1px solid #2f2e2f
}

.auth-banned-inner {
width:100%
}

.auth-banned-title {
color:#e5e5e5;
font-size:28px;
font-weight:700;
margin-bottom:25px;
text-align:center;
padding-bottom:15px
}

.auth-banned-message {
color:#e0e0e0;
font-size:16px;
line-height:1.6;
text-align:center;
margin-bottom:25px
}

.auth-banned-details {
background-color:#212121;
border:1px solid #2f2e2f;
border-radius:8px;
padding:25px;
margin-bottom:25px;
text-align:center
}

.auth-banned-details p {
margin:15px 0;
font-size:16px;
color:#e0e0e0
}

.auth-banned-details strong {
color:#e5e5e5;
font-weight:600
}

.auth-banned-contact {
color:#a0a0a0;
font-size:14px;
text-align:center;
margin-top:20px;
padding-top:15px;
border-top:1px solid #2f2e2f;
line-height:1.5
}

.auth-banned-links {
display:flex;
justify-content:center;
align-items:center;
margin-top:20px;
padding-top:15px;
border-top:1px solid #2f2e2f
}

.auth-banned-links a {
display:inline-block;
color:#e5e5e5;
text-decoration:none;
font-weight:600;
transition:all .3s ease;
padding:8px 12px;
border-radius:4px
}

.auth-banned-links a:hover {
color:#d0d0d0
}

.auth-two-fa-container {
max-width:650px;
margin:20px auto;
padding:30px;
background-color:#171717;
border-radius:12px;
box-shadow:0 6px 25px #0000004d;
border:1px solid #2f2e2f
}

.auth-two-fa-inner {
width:100%
}

.auth-two-fa-title {
color:#e5e5e5;
font-size:28px;
font-weight:700;
margin-bottom:20px;
text-align:center;
padding-bottom:15px
}

.auth-two-fa-content {
margin-bottom:0
}

.auth-two-fa-message-section {
background-color:#212121;
border:1px solid #2f2e2f;
border-radius:8px;
padding:10px 20px 20px;
margin-bottom:20px
}

.auth-two-fa-message-title {
color:#e5e5e5;
font-size:16px;
font-weight:600;
margin-bottom:10px;
text-align:center
}

.auth-two-fa-encrypted-message {
background-color:#121212;
border:1px solid #2f2e2f;
border-radius:6px;
padding:15px;
margin-bottom:10px;
font-size:12px;
color:#e0e0e0;
overflow-x:auto;
white-space:pre-wrap;
word-break:break-all;
line-height:1.4
}

.auth-two-fa-instruction {
color:#a0a0a0;
font-size:14px;
text-align:center;
line-height:1.5;
margin-bottom:0
}

.auth-two-fa-form {
width:100%
}

.auth-two-fa-form-group {
margin-bottom:20px
}

.auth-two-fa-label {
display:block;
color:#e0e0e0;
font-size:16px;
font-weight:600;
margin-bottom:8px;
text-align:center
}

.auth-two-fa-textarea {
width:100%;
padding:12px 15px;
background-color:#212121;
border:1px solid #2f2e2f;
border-radius:8px;
color:#e0e0e0;
font-size:15px;
transition:all .3s ease;
box-sizing:border-box;
text-align:center;
resize:vertical;
min-height:45px
}

.auth-two-fa-textarea:focus {
outline:none;
border-color:#e5e5e5
}

.auth-two-fa-submit-group {
margin-top:20px
}

.auth-two-fa-submit-btn {
width:100%;
padding:14px 20px;
background-color:#212121;
color:#fafafa;
border:1px solid #424242;
border-radius:8px;
font-size:16px;
font-weight:700;
cursor:pointer;
transition:all .3s ease;
text-transform:uppercase;
letter-spacing:1px
}

.auth-two-fa-submit-btn:hover {
background-color:#282828
}

.auth-two-fa-links {
display:flex;
justify-content:center;
align-items:center;
margin-top:20px;
padding-top:15px;
border-top:1px solid #2f2e2f
}

.auth-two-fa-links a {
display:inline-block;
color:#e5e5e5;
text-decoration:none;
font-weight:600;
transition:all .3s ease;
padding:8px 12px;
border-radius:4px
}

.auth-two-fa-links a:hover {
color:#d0d0d0
}

.anti-phishing-captcha-container {
background-color:#171717;
border:1px solid #2f2e2f;
border-radius:8px;
padding:20px 30px 30px;
box-shadow:0 4px 12px #0000004d;
text-align:center;
max-width:1000px;
margin:20px auto
}

.anti-phishing-instruction {
font-size:16px;
margin:20px 0;
color:#e0e0e0;
font-weight:500
}

.anti-phishing-title {
color:#e5e5e5;
font-weight:600;
margin-bottom:10px;
margin-top:0;
font-size:28px
}

.anti-phishing-form {
display:inline-block
}

.anti-phishing-captcha-image {
border:1px solid #2f2e2f;
border-radius:8px;
cursor:crosshair
}