@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;800&display=swap');

body { 
    font-family: 'Plus Jakarta Sans', sans-serif; 
    background: #050505; 
    color: #f8fafc; 
    overflow-x: hidden; 
}

.page { 
    display: none; 
    min-height: calc(100vh - 80px); 
    padding: 60px 20px; 
}

.page.active { 
    display: flex; 
    flex-direction: column; 
    animation: fadeIn 0.4s ease-out; 
}

@keyframes fadeIn { 
    from { 
        opacity: 0; 
        transform: translateY(10px); 
    } 
    to { 
        opacity: 1; 
        transform: translateY(0); 
    } 
}

.glass { 
    background: #0d0d0d; 
    border: 1px solid #1a1a1a; 
    transition: 0.3s; 
}

.btn-gradient { 
    background: linear-gradient(135deg, #8b5cf6 0%, #06b6d4 100%); 
    transition: 0.2s; 
}

.dc-preview { 
    background-color: #313338; 
    border-radius: 8px; 
    font-family: 'Inter', sans-serif; 
}

#content-render { 
    color: #ffffff !important; 
    opacity: 1 !important; 
    font-size: 15px; 
}

.dc-embed { 
    border-left: 4px solid #5865f2; 
    background: #2b2d31; 
    border-radius: 4px; 
    padding: 16px; 
    margin-top: 8px; 
}

.dc-quote { 
    border-left: 4px solid #4e5058; 
    padding-left: 12px; 
    margin: 4px 0; 
}

input, textarea { 
    background: #000 !important; 
    border: 1px solid #1a1a1a !important; 
    color: #fff !important; 
    outline: none; 
    transition: 0.2s; 
}

.input-error { 
    border-color: #ef4444 !important; 
    box-shadow: 0 0 10px rgba(239, 68, 68, 0.2); 
}

.input-success { 
    border-color: #10b981 !important; 
}

.doc-label { 
    font-size: 11px; 
    font-weight: 800; 
    color: #8b5cf6; 
    letter-spacing: 0.2em; 
    text-transform: uppercase; 
}

.legal-h3 { 
    font-size: 1.5rem; 
    font-weight: 800; 
    text-transform: uppercase; 
    font-style: italic; 
    margin-bottom: 1rem; 
    color: #fff; 
    border-left: 4px solid #8b5cf6; 
    padding-left: 1rem; 
}

::-webkit-scrollbar { 
    width: 8px; 
}

::-webkit-scrollbar-track { 
    background: #050505; 
}

::-webkit-scrollbar-thumb { 
    background: #1a1a1a; 
    border-radius: 10px; 
}

::-webkit-scrollbar-thumb:hover { 
    background: #8b5cf6; 
}