.App{min-height:100vh;display:flex;flex-direction:column;background-color:#f8f9fa}.main-content{flex:1 1;padding-top:80px}.Home{min-height:calc(100vh - 80px);padding:60px 40px 40px;max-width:1200px;margin:0 auto}.intro-section{display:grid;grid-template-columns:1fr 300px;grid-gap:40px;margin-bottom:80px}.intro-image{justify-self:center}.experience-section,.projects-section,.skills-section{margin-bottom:60px}@media (max-width:768px){.Header{padding:0 20px}.nav-buttons{gap:10px}.nav-buttons button{font-size:.9rem}.Home{padding:40px 20px 20px}.intro-section{grid-template-columns:1fr;margin-bottom:60px}.intro-content,.intro-section{text-align:center}.experience-section,.projects-section,.skills-section{margin-bottom:40px}}html{scroll-behavior:smooth}#experience,#home,#projects{scroll-margin-top:100px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.MuiTypography-root{white-space:pre-line}.Header{position:fixed;top:0;left:0;right:0;height:80px;background-color:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #e0e0e0;padding:0 40px;justify-content:space-between;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,.1);will-change:transform}.Header,.nav-buttons{display:flex;align-items:center}.nav-buttons{gap:10px}.social-icons{display:flex;align-items:center;gap:15px}.Header .MuiButton-root{color:#333;font-weight:500;text-transform:none;margin:0 10px}.Header .MuiButton-root:hover{background-color:rgba(0,0,0,.04)}.GithubIcon{color:#333;cursor:pointer;transition:color .3s ease}.GithubIcon:hover{color:#000}.LinkedinIcon{color:#0a66c2;cursor:pointer;transition:color .3s ease;transform:scale(1.2)}.LinkedinIcon:hover{color:#004182}.intro-section{display:flex;align-items:center;gap:40px;max-width:1200px;margin:0 auto;padding:40px 20px}.intro-content{flex:1 1;text-align:left}.intro-image{flex:0 0 300px;text-align:center}.intro-image img{width:100%;max-width:300px;height:auto;border-radius:50%;object-fit:cover;box-shadow:0 4px 20px rgba(0,0,0,.1)}.hamburger-menu{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:8px;z-index:1001}.hamburger-menu span{width:25px;height:3px;background-color:#333;margin:3px 0;transition:.3s;border-radius:2px}.mobile-nav{display:none;position:absolute;top:100%;left:0;right:0;background-color:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid #e0e0e0;box-shadow:0 4px 10px rgba(0,0,0,.1);flex-direction:column;padding:20px;gap:10px;z-index:1000;transform:translateY(-10px);opacity:0;transition:all .3s ease}.mobile-nav.open{display:flex;transform:translateY(0);opacity:1}.mobile-nav .MuiButton-root{width:100%;justify-content:flex-start;padding:12px 16px;color:#333;font-weight:500;text-transform:none;border-radius:8px}.mobile-nav .MuiButton-root:hover{background-color:rgba(0,0,0,.04)}@media (max-width:768px){.desktop-nav{display:none!important}.hamburger-menu{display:flex}.Header{padding:0 20px}.intro-section{flex-direction:column;gap:30px}.intro-content,.intro-section{text-align:center}.intro-image{flex:none}.intro-image img{max-width:250px}}