.fade-in-up{opacity:0;transform:translateY(20px);animation:fadeInUp .6s forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.video-card-hover{transform:scale(1.05);box-shadow:0 0 25px #f009;transition:transform .3s ease,box-shadow .3s ease}.skill-progress{width:0;height:20px;background:linear-gradient(90deg,#8b0000,#b30000);border-radius:10px;transition:width 1s ease-in-out}.skillBarContainer{margin-bottom:15px}.skillLabel{color:#fff;margin-bottom:5px;font-weight:600}.skillBar{background:#333;border-radius:10px;overflow:hidden;height:20px}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:9999}.lightbox iframe{width:80%;max-width:900px;height:60%;border-radius:12px;box-shadow:0 0 40px #f009}.thumbnail{width:100%;border-radius:8px;margin-top:10px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.thumbnail:hover{transform:scale(1.05);box-shadow:0 0 20px #ff000080}.socials a{font-size:36px;color:red;margin:0 15px;transition:transform .3s ease,color .3s ease}.socials a:hover{color:#b30000;transform:scale(1.2)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}:root{--bg-primary: #0a0a0a;--bg-secondary: #1a0a1a;--bg-card: #1a1a1a;--bg-card-hover: #2a1a1a;--text-primary: #e0e0e0;--text-secondary: #b0b0b0;--text-muted: #888;--accent-primary: #ff0000;--accent-secondary: #8b0000;--accent-tertiary: #b30000;--border-color: #333;--border-accent: #8b0000}.light-mode{--bg-primary: #f5f5f5;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f0f0f0;--text-primary: #1a1a1a;--text-secondary: #4a4a4a;--text-muted: #666;--accent-primary: #d32f2f;--accent-secondary: #b71c1c;--accent-tertiary: #c62828;--border-color: #e0e0e0;--border-accent: #d32f2f}body{margin:0;padding:0;min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);color:var(--text-primary);transition:background .3s ease,color .3s ease}p{color:var(--text-secondary)}ul,ol{list-style:none}a{text-decoration:none;color:inherit}button{background:none;border:none;font-family:inherit;cursor:pointer}img{max-width:100%;height:auto;display:block}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg-card)}::-webkit-scrollbar-thumb{background:var(--accent-secondary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent-tertiary)}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-content{flex:1;width:100%}@media (min-width: 768px){.app-shell{flex-direction:row}.app-content{padding-left:280px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 1rem}@media (min-width: 768px){.container{padding:0 2rem}}@media (min-width: 1024px){.container{padding:0 3rem}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes fillBar{0%{width:0}to{width:var(--progress-width)}}@keyframes float{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:.7}90%{opacity:.7}to{transform:translateY(-100vh) translate(50px);opacity:0}}#root{width:100%;min-height:100vh}