/* ==========================================================
   TIAGOMODZ — Shared Theme
   ========================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;600&display=swap');

:root {
    --bg:          #0a0a0a;
    --bg-2:        #0d0d0d;
    --surface:     #111111;
    --panel:       #0f0f0f;
    --line:        rgba(255,255,255,.07);
    --line-red:    rgba(255,62,62,.32);
    --red:         #ff3e3e;
    --red-bright:  #ff5555;
    --red-deep:    #cc0000;
    --red-glow:    rgba(255,62,62,.4);
    --red-soft:    rgba(255,62,62,.11);
    --text:        #f4f4f4;
    --text-2:      #c8c8c8;
    --text-muted:  #888888;
    --radius:      18px;
    --radius-lg:   26px;
    --ease:        cubic-bezier(0.22,0.61,0.36,1);
}

/* === BASE === */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; overflow-x: hidden; }

body {
    background-color: var(--bg) !important;
    color: var(--text) !important;
    font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
}

/* === HEADER / NAV === */
header {
    background: rgba(10,8,8,.35) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    border-bottom: 1px solid var(--line) !important;
}
header.scrolled { background: rgba(10,8,8,.97) !important; }
.nav-links a { color: var(--text-2) !important; }
.nav-links a:hover, nav a:not(.logo):hover { color: var(--red) !important; }
nav a.logo span { color: var(--red) !important; }

/* === BUTTONS === */
.btn, .choose-plan, .buy-button {
    background: linear-gradient(135deg, var(--red) 0%, var(--red-deep) 100%) !important;
    color: #ffffff !important;
    border: none !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 20px rgba(255,62,62,.2) !important;
    transition: all 0.25s var(--ease) !important;
    letter-spacing: 0.5px !important;
    cursor: pointer;
}
.btn:hover, .choose-plan:hover, .buy-button:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 30px rgba(255,62,62,.35) !important;
    background: linear-gradient(135deg, var(--red-bright) 0%, var(--red) 100%) !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

/* === PAGE BACKGROUND — igual ao main === */
.status-container, .login-container, .terms-container,
.terms-wrapper, .terms-content, .page-wrapper {
    background-color: transparent !important;
}

body {
    background-image: radial-gradient(ellipse 900px 600px at 60% 0%, rgba(255,62,62,.055), transparent) !important;
}

/* === LINKS === */
a:not(.btn):not(.choose-plan):not(.buy-button):not(.logo) { color: var(--text-2); text-decoration: none; }
a:not(.btn):not(.choose-plan):not(.buy-button):not(.logo):hover { color: var(--red) !important; }

/* === LOGIN PAGE === */
.login-box {
    background: var(--surface) !important;
    border: 1px solid var(--line) !important;
    border-radius: var(--radius-lg) !important;
    box-shadow: 0 16px 48px rgba(0,0,0,.6) !important;
}
.login-title h1, .login-header h1 {
    color: var(--text) !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 800 !important;
}
.login-header p { color: var(--text-muted) !important; }
.login-form input,
.license-input-wrapper input,
.product-dropdown-selected,
.product-dropdown-options {
    background: #1a1a1a !important;
    border-color: rgba(255,255,255,.1) !important;
    color: var(--text) !important;
}
.product-option { color: var(--text) !important; }
.product-option:hover { background: #222 !important; }
.auth-tabs { border-bottom-color: var(--line) !important; background: transparent !important; }
.auth-tab { color: var(--text-muted) !important; background: transparent !important; }
.auth-tab.active,
.auth-tab:nth-child(1).active,
.auth-tab:nth-child(2).active {
    color: var(--red) !important;
    border-bottom-color: var(--red) !important;
}
.auth-tab:hover { color: var(--red) !important; }
.register-note {
    background: var(--panel) !important;
    border-left-color: var(--red) !important;
    color: var(--text-muted) !important;
}

/* === STATUS PAGE === */
.status-header h1 {
    color: var(--text) !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 900 !important;
}
.status-header p { color: var(--text-muted) !important; }
.faq-question h2 { color: var(--text) !important; }
.status-box {
    border: 1px solid var(--line) !important;
    border-radius: var(--radius) !important;
    padding: 1.2rem 1.5rem !important;
    margin-bottom: 0.75rem !important;
    background: var(--surface) !important;
}
.status-box h2 { color: var(--text) !important; }
.status-box p { color: var(--text-muted) !important; }

/* === TERMS PAGE === */
.terms-container h1, .terms-container h2, .terms-container h3 { color: var(--text) !important; }
.terms-container p, .terms-container li { color: var(--text-2) !important; }

/* === FOOTER === */
footer {
    border-top: 1px solid var(--line) !important;
    color: var(--text-muted) !important;
    padding-bottom: 72px !important;
    background-color: var(--bg) !important;
}
footer .social-links a { color: var(--text-muted) !important; }
footer .social-links a:hover { color: var(--red) !important; }

/* === SCROLLBAR === */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--bg); }
::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--red-deep); }