*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0a0a0a;color:#fff;overflow-x:hidden}.navbar{position:fixed;top:0;left:0;right:0;width:100%;z-index:1000;padding:20px 0;background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1)}.navbar.scrolled h1,.navbar.scrolled li{color:#000}.navbar.scrolled .nav-menu li:hover,.navbar.scrolled .nav-menu li.active{color:gray}.navbar.scrolled .nav-menu li.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#000;border-radius:1px}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:0 15px}.nav-logo{font-size:24px;font-weight:700;color:#fff;margin:0;letter-spacing:-.5px}.nav-menu{display:flex;list-style:none;margin:0;padding:0;gap:40px}.nav-menu li{color:#fffc;font-weight:500;font-size:16px;cursor:pointer;padding:8px 0;position:relative;transition:color .3s ease}.nav-menu li:hover,.nav-menu li.active{color:#fff}.nav-menu li.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#fff;border-radius:1px}@media (max-width: 1200px){.social-link-bar span{display:none!important}}@media (max-width: 1000px){.social-link-bar{display:none!important}}@media (max-width: 768px){.nav-container{justify-content:center;padding:0 30px}.nav-menu{display:none}.nav-logo{font-size:20px}}@media (max-width: 480px){.nav-container{padding:0 20px}}.navbar{animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.nav-link{color:#fffc;font-weight:500;padding:8px 0;position:relative}.nav-link.active{color:#fff}.nav-link.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#fff}.social-link-bar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;position:absolute;left:50%;transform:translate(-50%)}.social-link{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;text-decoration:none;color:#333;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;font-size:.9rem;font-weight:500;transition:all .2s ease}.social-link:hover{background:#e9ecef;border-color:#dee2e6;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.social-link svg{width:18px;height:18px;fill:currentColor}.social-link-bar.dark .social-link{color:#e9ecef;background:#343a40;border-color:#495057}.social-link-bar.dark .social-link:hover{background:#495057;border-color:#6c757d}.social-link-bar.dark.compact .social-link{background:transparent}.social-link-bar.dark.compact .social-link:hover{background:#ffffff1a}.home-section{padding:120px 60px;text-align:center;position:relative}.hero-title{font-size:72px;font-weight:800;margin-bottom:24px;background:linear-gradient(45deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:24px;color:#fffc;margin-bottom:40px;font-weight:300}.cta-mockup{display:inline-block;padding:16px 32px;background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:50px;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cta-mockup a{color:#fff;text-decoration:none}.about-section{background:#fff;color:#333;padding:100px 60px;display:grid;grid-template-columns:1fr 2fr;gap:80px;align-items:center}.profile-mockup{width:320px;height:320px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:80px;color:#fff;box-shadow:0 20px 40px #667eea4d;background-image:url(/profile_picture.jpg);background-repeat:no-repeat;background-size:320px}.about-content h2{font-size:48px;margin-bottom:24px;color:#333}.about-text{font-size:18px;line-height:1.6;color:#666;margin-bottom:20px}.chess-link{position:relative;display:inline-block;padding:8px 16px;background:linear-gradient(135deg,#769656,#baca44);color:#fff;border-radius:8px;cursor:pointer;overflow:hidden;transition:all .3s ease}.chess-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background-image:linear-gradient(45deg,rgba(255,255,255,.1) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.1) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.1) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.1) 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px;transition:left .6s ease}.chess-link:hover:before{left:0}.chess-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #76965666}a.about-text{text-decoration:none;color:inherit;display:inline-block}.skills-section{background:#f8f9fa;padding:100px 60px;color:#333}.section-title{text-align:center;font-size:48px;margin-bottom:60px;color:#333}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.skill-card{background:#fff;padding:40px 30px;border-radius:16px;text-align:center;box-shadow:0 10px 30px #0000001a;border:1px solid #f0f0f0;position:relative}.skill-card-content{position:absolute;top:0;left:0;display:flex;flex-direction:column;background:#fff;border-radius:16px;min-width:100%;height:100%;box-shadow:0 20px 40px #00000026;border:1px solid #e0e0e0;visibility:hidden;transform:translateY(30px);transition:all .5s ease-in;z-index:10}.skill-card:hover .skill-card-content{opacity:1;visibility:visible;transform:translate(0)}.dropdown-title{font-size:18px;font-weight:600;margin:10px auto;color:#333;text-align:left}.skill-bar-item{margin:0 10px 5px}.skill-bar-item:last-child{margin-bottom:0}.skill-name{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px;font-weight:500;color:#333}.skill-percentage{color:#667eea;font-weight:600}.skill-bar-bg{height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden}.skill-bar-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;width:0%;transition:width .8s ease .3s}.skill-card:hover .skill-bar-fill{width:var(--skill-width)}.skill-icon{font-size:48px;margin-bottom:20px;display:block}.skill-title{font-size:22px;font-weight:600;margin-bottom:12px;color:#333}.skill-desc{color:#666;line-height:1.5}.projects-section{background:#fff;padding:100px 60px;color:#333}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:40px}.project-card{position:relative;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 15px 35px #0000001a;border:1px solid #f0f0f0}.project-image{height:240px;background:linear-gradient(45deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:60px;color:#fff}.project-content{padding:30px}.project-title{font-size:24px;font-weight:600;margin-bottom:12px}.project-title a{text-decoration:none;color:#333;cursor:pointer}.project-desc{color:#666;line-height:1.6;margin-bottom:20px}.project-tags{display:flex;gap:8px;flex-wrap:wrap}.tag{background:#f0f0f0;padding:6px 12px;border-radius:20px;font-size:12px;color:#666}.footer-mockup{background:#0a0a0a;padding:40px 60px;text-align:center;color:#666;border-top:1px solid #333}@media (max-width: 768px){.home-section{padding:80px 30px}.hero-title{font-size:48px}.about-section{grid-template-columns:1fr;padding:60px 30px;text-align:center}.skills-section,.projects-section,.contact-section{padding:60px 30px}.projects-grid{grid-template-columns:1fr}.contact-info{gap:30px}}