*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base: #07080f;--bg-surface: #0e0f1a;--bg-elevated: #151623;--bg-hover: #1c1e30;--border: rgba(255,255,255,.07);--border-bright: rgba(255,255,255,.14);--text-primary: #f0f1f8;--text-secondary:#8b90b8;--text-muted: #4a4f72;--accent: #5b6af7;--accent-glow: rgba(91,106,247,.25);--social-color: #f0436a;--diseno-color: #0eb8d4;--sistemas-color:#f5c518;--gerencia-color:#9b59f7;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--font-display: "Syne", sans-serif;--font-mono: "DM Mono", monospace}html,body,#root{height:100%;width:100%}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-display);-webkit-font-smoothing:antialiased;overflow-x:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:99px}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 0 10px transparent}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fadeUp{animation:fadeUp .45s ease both}.animate-fadeIn{animation:fadeIn .3s ease both}input,select,textarea{font-family:var(--font-display);background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-sm);transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}button{font-family:var(--font-display);cursor:pointer;transition:all .2s}button:disabled{opacity:.5;cursor:not-allowed}