@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&family=Outfit:wght@400;700&display=swap";:root{--container-width: 1200px;--bg-color: #ffffff;--bg-secondary: #f9f9f9;--bg-glass: rgba(255, 255, 255, .8);--text-color: #2c3e50;--text-secondary: #596275;--accent: #00d2d3;--accent-glow: rgba(0, 210, 211, .4);--accent-alpha: rgba(0, 210, 211, .9);--border-color: #ecf0f1;--card-bg: #ffffff;--skeleton-bg: #e0e0e0}[data-theme=dark]{--bg-color: #1e1e1e;--bg-secondary: #252525;--bg-glass: rgba(30, 30, 30, .8);--text-color: #ecf0f1;--text-secondary: #bdc3c7;--accent: #ffd32a;--accent-glow: rgba(255, 211, 42, .4);--accent-alpha: rgba(255, 211, 42, .9);--border-color: #333333;--card-bg: #2d2d2d;--skeleton-bg: #3d3d3d}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;font-weight:700}.container{max-width:var(--container-width);margin:0 auto;padding:0 1rem}.cta-button{transition:transform .2s,box-shadow .2s}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--accent-glow)}.nav-link{color:var(--text-color);text-decoration:none;font-weight:500;position:relative}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background-color:var(--accent);transition:width .3s}.nav-link:hover:after{width:100%}.hobby-tag{background-color:var(--bg-color);border:1px solid var(--accent);padding:.5rem 1rem;border-radius:20px;font-weight:500;box-shadow:2px 2px 0 var(--accent)}.project-card:hover .project-image{transform:scale(1.05)}.project-card:hover .overlay{opacity:1!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.social-icon{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background-color:transparent;color:var(--text-color);border:2px solid var(--text-color);font-size:1.4rem;transition:all .3s ease;text-decoration:none}.social-icon:hover{transform:translateY(-5px) scale(1.1);background-color:var(--text-color);color:var(--bg-color);box-shadow:0 8px 20px #0003}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}