:root,.light-theme{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--text-primary: #2c3e50;--text-secondary: #7f8c8d;--text-muted: #95a5a6;--border-color: rgba(102, 126, 234, .1);--shadow-light: rgba(0, 0, 0, .08);--shadow-medium: rgba(0, 0, 0, .12);--accent-color: #667eea;--accent-secondary: #764ba2;--header-bg: rgba(255, 255, 255, .95);--header-border: rgba(255, 255, 255, .2);--nav-bg: rgba(255, 255, 255, .1);--nav-border: rgba(102, 126, 234, .1);--scrollbar-track: #f1f1f1;--selection-bg: rgba(102, 126, 234, .3);--selection-color: #2c3e50;--card-bg: rgba(255, 255, 255, .95);--card-border: rgba(255, 255, 255, .2);--card-shadow: rgba(0, 0, 0, .15)}.dark-theme{--bg-primary: #121212;--bg-secondary: #1e1e1e;--text-primary: #ffffff;--text-secondary: #e0e0e0;--text-muted: #a0a0a0;--border-color: rgba(255, 255, 255, .1);--shadow-light: rgba(0, 0, 0, .3);--shadow-medium: rgba(0, 0, 0, .4);--accent-color: #667eea;--accent-secondary: #764ba2;--header-bg: rgba(18, 18, 18, .95);--header-border: rgba(255, 255, 255, .1);--nav-bg: rgba(255, 255, 255, .05);--nav-border: rgba(255, 255, 255, .1);--scrollbar-track: rgba(255, 255, 255, .05);--selection-bg: rgba(102, 126, 234, .3);--selection-color: #ffffff;--card-bg: rgba(30, 41, 59, .95);--card-border: rgba(255, 255, 255, .1);--card-shadow: rgba(0, 0, 0, .3)}*{transition:color .3s ease,background-color .3s ease,border-color .3s ease,box-shadow .3s ease}*{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-color:var(--bg-primary);overflow-x:hidden;transition:color .3s ease,background-color .3s ease}html,body{height:100%}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.2}p{margin:0}a{text-decoration:none;color:inherit;transition:all .3s ease}button{border:none;background:none;cursor:pointer;font-family:inherit;transition:all .3s ease}ul,ol{list-style:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--accent-color) 0%,var(--accent-secondary) 100%);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a6fd8 0%,#6a4190 100%)}::selection{background:var(--selection-bg);color:var(--selection-color)}:focus{outline:2px solid #3498db;outline-offset:2px}*{transition:color .3s ease,background-color .3s ease,border-color .3s ease,transform .3s ease,box-shadow .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.gradient-text{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float{animation:float 3s ease-in-out infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.pulse{animation:pulse 2s ease-in-out infinite}