:root{--primary: #7aa2f7;--primary-dark: #7dcfff;--primary-light: #bb9af7;--secondary: #bb9af7;--accent: #7dcfff;--dark: #c0caf5;--dark-soft: #a9b1d6;--light: #1a1b26;--text: #c0caf5;--text-light: #9aa5ce;--border: #2a2b3d;--success: #9ece6a;--warning: #e0af68;--danger: #f7768e;--bg-primary: #1a1b26;--bg-secondary: #16161e;--bg-tertiary: #1f2335;--card-bg: #24283b;--card-border: #2a2b3d;--gradient-hero: linear-gradient(135deg, #7aa2f7 0%, #bb9af7 100%);--z-modal: 1000;--z-dropdown: 500;--z-sticky: 100;--z-base: 1}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-secondary);color:var(--text);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--primary-light);text-decoration:underline}button{font-family:inherit;cursor:pointer;border:none;outline:none}button:disabled{opacity:.6;cursor:not-allowed}input,textarea,select{font-family:inherit;color:var(--text);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem;transition:all .2s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #7aa2f71a}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.btn{padding:.75rem 1.5rem;border-radius:12px;font-weight:600;border:none;transition:all .3s ease;cursor:pointer;font-size:.95rem}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:0 4px 15px #7aa2f74d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #7aa2f766}.btn-secondary{background:var(--card-bg);border:2px solid var(--border);color:var(--text)}.btn-secondary:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.btn-info{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.btn-info:hover:not(:disabled){background:linear-gradient(135deg,#5568d3,#64388a);box-shadow:0 6px 20px #667eea66}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#e64a7a}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;padding:2rem;box-shadow:0 4px 6px #0000000d;transition:all .3s ease}.card:hover{box-shadow:0 8px 16px #0003}.loading-spinner{border:4px solid var(--border);border-top:4px solid var(--primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:2rem auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .5s ease-out}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:768px){.container{padding:0 1rem}.btn{padding:.625rem 1.25rem;font-size:.875rem}.card{padding:1.5rem;border-radius:16px}}