@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root {
--text-main: #f8fafc;
--text-muted: #94a3b8;
--surface-glass: rgba(15, 23, 42, 0.45);
--border-glass: rgba(255, 255, 255, 0.08);
--border-highlight: rgba(56, 189, 248, 0.3);
--gradient-primary: linear-gradient(135deg, #0ea5e9 0%, #2563eb 50%, #60a5fa 100%);
--gradient-text: linear-gradient(to right, #60a5fa, #38bdf8);
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { width: 100%; max-width: 100vw; overflow-x: hidden; overscroll-behavior-x: none; position: relative; -webkit-text-size-adjust: 100%; }
body { font-family: 'Plus Jakarta Sans', sans-serif; color: var(--text-main); background-color: #05070a; min-height: 100dvh; display: flex; flex-direction: column; }
input, textarea,[contenteditable] { user-select: auto; -webkit-user-select: auto; }
:focus-visible { outline: 2px solid #38bdf8; outline-offset: 2px; }
body::before { content: ''; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-image: radial-gradient(at 0% 0%, rgba(59, 130, 246, 0.15) 0, transparent 40%), radial-gradient(at 100% 0%, rgba(14, 165, 233, 0.1) 0, transparent 40%), radial-gradient(at 50% 100%, rgba(96, 165, 250, 0.05) 0, transparent 50%); background-repeat: no-repeat; background-size: cover; z-index: -10; }
input[type="text"], input[type="number"], input[type="date"], input[type="file"], input[type="email"], input[type="password"], select, textarea, .glass-input { font-size: 16px; }
select option { background-color: #0f172a; color: #f8fafc; }
select optgroup { background-color: #0f172a; color: #38bdf8; font-weight: 700; font-style: normal; }
.hidden { opacity: 0; pointer-events: none; position: absolute; z-index: -1; visibility: hidden; }
.hidden-element { display: none !important; }
.text-danger { color: #fb7185 !important; }
.text-center { text-align: center; }
.mt-15 { margin-top: 15px; } .mt-20 { margin-top: 20px; } .mt-25 { margin-top: 25px; }
.mb-5 { margin-bottom: 5px; } .mb-10 { margin-bottom: 10px; } .mb-15 { margin-bottom: 15px; } .mb-20 { margin-bottom: 20px; } .mb-25 { margin-bottom: 25px; }
.fs-08 { font-size: 0.8rem; } .fs-09 { font-size: 0.9rem; }
.flex-1 { flex: 1; }
.transition-color { transition: color 0.3s; }