:root{--bg-primary: #1a202c;--bg-secondary: #2d3748;--bg-tertiary: #252d3a;--text-primary: #f7fafc;--text-secondary: #e2e8f0;--text-tertiary: #a0aec0;--border-color: #4a5568;--shadow: rgba(0, 0, 0, .5);--card-bg: #2d3748;--input-bg: #252d3a;--gradient-start: #667eea;--gradient-end: #764ba2}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--text-primary);background:var(--bg-primary);overflow-x:hidden;transition:background-color .3s ease,color .3s ease}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--gradient-end) 0%,var(--gradient-start) 100%)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}button{font-family:inherit}a,button{transition:all .3s ease}a:focus,button:focus,input:focus,textarea:focus{outline:2px solid #667eea;outline-offset:2px}img{max-width:100%;height:auto;display:block}img[src=""],img:not([src]){background:linear-gradient(135deg,#667eea15,#764ba215);min-height:200px;display:flex;align-items:center;justify-content:center}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.loading{animation:shimmer 2s infinite;background:linear-gradient(to right,#eff1f3 4%,#e2e2e2 25%,#eff1f3 36%);background-size:1000px 100%}