body {
font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;
margin:0;
padding:0;
background-color:#121212;
color:#e0e0e0;
display:flex;
flex-direction:column;
min-height:100vh
}

h1,h2,h3,h4,h5,h6,input,button {
font-family:inherit
}

h1,h2,h3,h4,h5,h6 {
color:red
}

html {
scroll-behavior:smooth
}

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

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

::-webkit-scrollbar-track {
background:#3c3c3c;
border-radius:6px
}

::-webkit-scrollbar-thumb {
background-color:#534d4d;
border-radius:6px;
border:3px solid #3c3c3c
}

::-webkit-scrollbar-thumb:hover {
background-color:#534d4d
}

.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:#534d4d;
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:#1e1e1e;
border-radius:12px;
box-shadow:0 6px 25px #0000004d;
border:1px solid #3c3c3c
}

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

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

.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:#292929;
border:1px solid #3c3c3c;
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:#534d4d
}

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

.auth-login-captcha-label {
display:block;
color:#534d4d;
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:2px solid #3c3c3c;
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 #3c3c3c;
background-color:#292929;
color:#e0e0e0;
border-radius:4px;
margin:0 auto
}

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

.auth-login-submit-btn {
width:100%;
padding:14px 20px;
background-color:#534d4d;
color:#121212;
border:none;
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:#534d4d;
transform:translateY(-2px)
}

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

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

.auth-login-links a:hover {
color:#534d4d;
transform:translateY(-2px)
}

.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:#1e1e1e;
border-radius:12px;
box-shadow:0 6px 25px #0000004d;
border:1px solid #3c3c3c
}

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

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

.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:#292929;
border:1px solid #3c3c3c;
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:#534d4d
}

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

.auth-register-captcha-label {
display:block;
color:#534d4d;
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:2px solid #3c3c3c;
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 #3c3c3c;
background-color:#292929;
color:#e0e0e0;
border-radius:4px;
margin:0 auto
}

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

.auth-register-submit-btn {
width:100%;
padding:14px 20px;
background-color:#534d4d;
color:#121212;
border:none;
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:#534d4d;
transform:translateY(-2px)
}

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

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

.auth-register-links a:hover {
color:#534d4d;
transform:translateY(-2px)
}

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

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

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

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

.auth-mnemonic-warning strong {
color:#534d4d;
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:#292929;
border:1px solid #3c3c3c;
border-radius:8px;
padding:25px;
margin-bottom:25px;
text-align:center
}

.auth-mnemonic-words {
color:#534d4d;
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:#534d4d;
color:#121212;
border:none;
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:#534d4d;
transform:translateY(-2px)
}

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

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

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

.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:#292929;
border:1px solid #3c3c3c;
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:#534d4d
}

.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:#534d4d;
color:#121212;
border:none;
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:#534d4d;
transform:translateY(-2px)
}

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

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

.auth-forgot-password-links a:hover {
color:#534d4d;
transform:translateY(-2px)
}

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

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

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

.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:#292929;
border:1px solid #3c3c3c;
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:#534d4d
}

.auth-reset-password-submit-btn {
width:100%;
padding:14px 20px;
background-color:#534d4d;
color:#121212;
border:none;
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:#534d4d;
transform:translateY(-2px)
}

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

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

.auth-reset-password-links a:hover {
color:#534d4d;
transform:translateY(-2px)
}

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

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

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

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

.auth-banned-details {
background-color:#292929;
border:1px solid #3c3c3c;
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:#534d4d;
font-weight:600
}

.auth-banned-contact {
color:#a0a0a0;
font-size:14px;
text-align:center;
margin-top:20px;
padding-top:15px;
border-top:1px solid #3c3c3c;
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 #3c3c3c
}

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

.auth-banned-links a:hover {
color:#534d4d;
transform:translateY(-2px)
}

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

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

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

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

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

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

.auth-two-fa-encrypted-message {
background-color:#121212;
border:1px solid #3c3c3c;
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:#292929;
border:1px solid #3c3c3c;
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:#534d4d
}

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

.auth-two-fa-submit-btn {
width:100%;
padding:14px 20px;
background-color:#534d4d;
color:#121212;
border:none;
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:#534d4d;
transform:translateY(-2px)
}

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

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

.auth-two-fa-links a:hover {
color:#534d4d;
transform:translateY(-2px)
}


/* Hecate Market Auth Redesign */
.hecate-login-box {
border:1px solid #3c3c3c;
background-color:#1a1a1a;
border-radius:12px;
padding:30px;
max-width:500px;
margin:20px auto;
box-shadow:0 0 20px rgba(0,0,0,0.5)
}

.hecate-security-header {
text-align:center;
margin-bottom:25px;
padding-bottom:15px;
border-bottom:1px solid #3c3c3c
}

.hecate-security-header h2 {
color:#ffffff;
font-size:24px;
font-weight:700;
text-transform:uppercase;
letter-spacing:2px;
margin:0 0 10px 0
}

.hecate-security-header .security-badge {
display:inline-block;
background-color:#1a1a1a;
border:1px solid #3c3c3c;
color:#a0a0a0;
padding:5px 15px;
border-radius:20px;
font-size:12px;
font-weight:600;
text-transform:uppercase;
letter-spacing:1px
}

.hecate-input-minimal {
width:100%;
padding:12px 0;
background:transparent;
border:none;
border-bottom:2px solid #3c3c3c;
color:#e0e0e0;
font-size:15px;
transition:all .3s ease;
box-sizing:border-box;
text-align:center;
border-radius:0
}

.hecate-input-minimal:focus {
outline:none;
border-bottom-color:#a0a0a0;
box-shadow:0 2px 0 0 rgba(160,160,160,0.3)
}

.hecate-input-minimal::placeholder {
color:#888
}

.hecate-captcha-terminal {
background-color:#1a1a1a;
border:2px solid #3c3c3c;
border-radius:8px;
padding:15px;
max-width:240px;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center
}

.hecate-captcha-terminal .captcha-label {
color:#a0a0a0;
font-family:"Courier New",monospace;
font-size:14px;
font-weight:600;
margin-bottom:10px;
text-transform:uppercase;
letter-spacing:2px
}

.hecate-captcha-terminal .captcha-image {
display:block;
margin:0 auto 15px;
border-radius:4px;
border:2px solid #3c3c3c;
background-color:#ffffff
}

.hecate-captcha-terminal .captcha-input {
width:80px;
padding:8px;
background-color:#0a0a0a;
border:2px solid #3c3c3c;
color:#e0e0e0;
font-family:"Courier New",monospace;
font-size:14px;
text-align:center;
border-radius:4px
}

.hecate-captcha-terminal .captcha-input:focus {
outline:none;
border-color:#534d4d;
box-shadow:0 0 10px rgba(83,77,77,0.3)
}

.hecate-form-group {
margin-bottom:20px
}

.hecate-label {
display:block;
color:#e0e0e0;
font-size:14px;
font-weight:600;
margin-bottom:8px;
text-align:center;
text-transform:uppercase;
letter-spacing:1px
}

.hecate-submit-btn {
width:100%;
padding:14px 20px;
background-color:#292929;
color:#e0e0e0;
border:1px solid #3c3c3c;
border-radius:4px;
font-size:16px;
font-weight:700;
cursor:pointer;
transition:all .3s ease;
text-transform:uppercase;
letter-spacing:2px;
margin-top:20px
}

.hecate-submit-btn:hover {
background-color:#3c3c3c;
color:#ffffff;
transform:translateY(-2px);
box-shadow:0 4px 15px rgba(0,0,0,0.4)
}

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

.hecate-links a {
color:#a0a0a0;
text-decoration:none;
font-weight:600;
font-size:14px;
transition:all .3s ease
}

.hecate-links a:hover {
color:#ffffff;
text-shadow:0 0 10px rgba(255,255,255,0.3)
}

.hecate-links-separator {
color:#666;
font-size:14px
}

.password-hint {
color:#888;
font-size:12px;
text-align:center;
margin:8px 0 0 0;
font-style:italic
}


/* Anti-Phishing Challenge Styles */

/* Rate Limited / Lockout State */
.anti-phishing-lockout {
    text-align: center;
    padding: 20px 0;
}

.lockout-icon {
    font-size: 48px;
    margin-bottom: 15px;
}

.lockout-title {
    color: #534d4d;
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 15px 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.lockout-message {
    color: #a0a0a0;
    font-size: 15px;
    line-height: 1.6;
    margin: 0 0 20px 0;
    padding: 0 10px;
}

.lockout-timer {
    background-color: #292929;
    border: 1px solid #3c3c3c;
    border-radius: 8px;
    padding: 15px 20px;
    display: inline-block;
    margin-bottom: 20px;
}

.lockout-timer .timer-label {
    color: #a0a0a0;
    font-size: 14px;
    margin-right: 10px;
}

.lockout-timer .timer-value {
    color: #534d4d;
    font-size: 18px;
    font-weight: 700;
}

/* Instructions Section */
.anti-phishing-instructions {
    background-color: #292929;
    border: 1px solid #3c3c3c;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
    text-align: center;
}

.instruction-text {
    color: #e0e0e0;
    font-size: 16px;
    margin: 0 0 10px 0;
}

.instruction-text strong {
    color: #ffffff;
}

.instruction-detail {
    color: #a0a0a0;
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
}

.masked-indicator {
    color: #534d4d;
    font-family: "Courier New", monospace;
    font-weight: 700;
    background-color: #1a1a1a;
    padding: 2px 6px;
    border-radius: 4px;
    border: 1px solid #3c3c3c;
}

/* Address Display Section */
.anti-phishing-address-display {
    background-color: #0a0a0a;
    border: 2px solid #534d4d;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
    text-align: center;
}

.address-label {
    display: block;
    color: #534d4d;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.masked-address {
    color: #e0e0e0;
    font-family: "Courier New", monospace;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    word-break: break-all;
    line-height: 1.6;
    padding: 10px;
    background-color: #121212;
    border-radius: 4px;
    border: 1px solid #3c3c3c;
}

/* Timer Section */
.anti-phishing-timer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background-color: #292929;
    border: 1px solid #3c3c3c;
    border-radius: 8px;
    padding: 12px 20px;
    margin-bottom: 20px;
}

.timer-icon {
    font-size: 18px;
}

.timer-label {
    color: #a0a0a0;
    font-size: 14px;
}

.timer-value {
    color: #534d4d;
    font-size: 18px;
    font-weight: 700;
    font-family: "Courier New", monospace;
    letter-spacing: 2px;
}

/* Form Section */
.anti-phishing-form {
    margin-bottom: 20px;
}

.anti-phishing-inputs {
    margin-bottom: 20px;
}

.character-inputs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
    margin-top: 15px;
}

.character-input-group {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.position-label {
    color: #a0a0a0;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.character-input {
    width: 50px;
    height: 50px;
    padding: 0;
    background-color: #0a0a0a;
    border: 2px solid #534d4d;
    border-radius: 8px;
    color: #e0e0e0;
    font-family: "Courier New", monospace;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    text-transform: lowercase;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

.character-input:focus {
    outline: none;
    border-color: #ff5252;
    box-shadow: 0 0 10px rgba(211, 47, 47, 0.4);
    background-color: #121212;
}

.character-input::placeholder {
    color: #444;
}

/* Help Section */
.anti-phishing-help {
    background-color: #1a1a1a;
    border: 1px solid #3c3c3c;
    border-radius: 8px;
    padding: 15px 20px;
    margin-top: 20px;
}

.help-text {
    color: #a0a0a0;
    font-size: 13px;
    line-height: 1.5;
    margin: 0;
    text-align: center;
}

.help-text strong {
    color: #534d4d;
    display: block;
    margin-bottom: 5px;
}