.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:1rem 3rem;color:var(--secondary-color);position:sticky;top:0;z-index:1000;box-shadow:0 2px 15px #0000000d;border-bottom:1px solid var(--border-color)}.navbar-logo a{color:var(--secondary-color);text-decoration:none;font-size:1.8rem;font-weight:700;transition:color .3s ease}.navbar-logo a:hover{color:var(--primary-color)}.navbar-links{list-style:none;margin:0;padding:0;display:flex}.navbar-links li{margin-left:35px}.navbar-links a{color:var(--text-color);text-decoration:none;font-size:1.05rem;font-weight:500;transition:color .3s ease,transform .2s ease-out;position:relative}.navbar-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0%;height:2px;background-color:var(--primary-color);transition:width .3s ease-out}.navbar-links a:hover:after{width:100%}.navbar-links a:hover{color:var(--primary-color);transform:translateY(-1px)}@media (max-width: 768px){.navbar{flex-direction:column;padding:1rem 1.5rem}.navbar-links{margin-top:1rem;flex-direction:column;align-items:center}.navbar-links li{margin:.7rem 0}.navbar-logo a{font-size:1.6rem}}@media (max-width: 480px){.navbar{padding:.8rem 1rem}.navbar-links li{margin:.5rem 0}}.hero-section{min-height:90vh;display:flex;justify-content:center;align-items:center;background-color:var(--background-color);color:var(--text-color);text-align:left;padding:4rem 2rem;position:relative;overflow:hidden}.hero-content{max-width:900px;padding:20px}.hero-intro{font-size:1.3rem;font-weight:500;color:var(--primary-color);margin-bottom:.8rem;opacity:0;transform:translateY(20px);animation:fadeInDown .8s ease-out forwards}.hero-name{font-size:5.5rem;font-weight:800;margin:0;color:var(--secondary-color);line-height:1.05;letter-spacing:-.03em;opacity:0;transform:translateY(20px);animation:fadeInDown .9s ease-out forwards .2s}.hero-tagline{font-size:3rem;font-weight:600;color:var(--text-color);margin-top:.8rem;margin-bottom:2rem;line-height:1.3;opacity:0;transform:translateY(20px);animation:fadeInDown 1s ease-out forwards .4s}.hero-description{font-size:1.1rem;line-height:1.7;margin-bottom:2.5rem;max-width:650px;color:var(--text-color);opacity:0;transform:translateY(20px);animation:fadeInDown 1.1s ease-out forwards .6s}.hero-button{opacity:0;transform:translateY(20px);animation:fadeInDown 1.2s ease-out forwards .8s}@keyframes fadeInDown{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.hero-name{font-size:4.5rem}.hero-tagline{font-size:2.5rem}}@media (max-width: 768px){.hero-section{min-height:80vh;padding:3rem 1.5rem}.hero-name{font-size:3.5rem}.hero-tagline{font-size:2rem}.hero-intro{font-size:1.1rem}.hero-description{font-size:1rem}.hero-button{padding:.7em 1.5em;font-size:1em}}@media (max-width: 480px){.hero-section{text-align:center;padding:2rem 1rem}.hero-name{font-size:2.8rem;letter-spacing:normal}.hero-tagline{font-size:1.8rem}.hero-description{font-size:.95rem}}.about-section{background-color:var(--light-background);padding:6rem 2rem;text-align:center}.about-content{max-width:900px;margin:0 auto}.about-title{font-size:3rem;color:var(--secondary-color);margin-bottom:2.5rem;font-weight:700}.about-description{font-size:1.1rem;line-height:1.8;margin-bottom:1.8rem;color:var(--text-color);max-width:750px;margin-left:auto;margin-right:auto}.skills-title{font-size:2.2rem;color:var(--secondary-color);margin-top:4rem;margin-bottom:2rem;font-weight:600}.skills-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.skills-list li{background-color:var(--background-color);color:var(--text-color);padding:.8rem 1.4rem;border-radius:8px;font-weight:600;font-size:.95rem;box-shadow:0 2px 8px #0000000d;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;border:1px solid var(--border-color)}.skills-list li:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000001a}@media (max-width: 768px){.about-section{padding:4rem 1.5rem}.about-title{font-size:2.5rem}.skills-title{font-size:2rem;margin-top:3rem}.about-description{font-size:1rem}.skills-list li{font-size:.9rem;padding:.7rem 1.2rem}}@media (max-width: 480px){.about-section{padding:3rem 1rem}.about-title{font-size:2rem}.skills-title{font-size:1.8rem}}.projects-section{background-color:var(--background-color);padding:6rem 2rem;text-align:center}.projects-title{font-size:3rem;color:var(--secondary-color);margin-bottom:3rem;font-weight:700}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;max-width:1200px;margin:0 auto}.project-card{background-color:var(--light-background);border-radius:12px;box-shadow:0 6px 20px #00000014;text-align:left;display:flex;flex-direction:column;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;border:1px solid var(--border-color)}.project-card:hover{transform:translateY(-8px);box-shadow:0 10px 30px #0000001f}.project-card-content{padding:2.5rem;display:flex;flex-direction:column;flex-grow:1}.project-card-title{font-size:2rem;color:var(--secondary-color);margin-bottom:1rem;font-weight:600}.project-card-description{font-size:1.05rem;color:var(--text-color);line-height:1.7;margin-bottom:1.8rem;flex-grow:1}.project-card-tech{margin-bottom:1.5rem;flex-wrap:wrap;display:flex;gap:8px}.project-tech-tag{display:inline-block;background-color:var(--background-color);color:var(--text-color);font-size:.85rem;padding:.4rem .9rem;border-radius:6px;font-weight:500;border:1px solid var(--border-color)}.project-card-links{margin-top:1.5rem;display:flex;gap:1.2rem;justify-content:flex-start}.project-link{font-size:1rem;padding:.7rem 1.5rem;border-radius:8px}@media (max-width: 1024px){.projects-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.projects-title{font-size:2.5rem}}@media (max-width: 768px){.projects-section{padding:4rem 1.5rem}.projects-grid{grid-template-columns:1fr;gap:2rem}.project-card-content{padding:2rem}.project-card-title{font-size:1.8rem}.project-card-description{font-size:1rem}.project-link{padding:.6rem 1.2rem;font-size:.95rem}}@media (max-width: 480px){.projects-section{padding:3rem 1rem}.projects-title{font-size:2rem}.project-card-content{padding:1.5rem}.project-card-title{font-size:1.5rem}.project-card-links{flex-direction:column;gap:1rem}}.contact-section{background-color:var(--light-background);padding:6rem 2rem;text-align:center}.contact-title{font-size:3rem;color:var(--secondary-color);margin-bottom:1.8rem;font-weight:700}.contact-description{max-width:700px;margin:0 auto 2.5rem;font-size:1.15rem;line-height:1.8;color:var(--text-color)}.contact-button{font-size:1.1em;padding:.9em 2.2em;margin-bottom:3rem}.social-links{margin-top:2rem}.social-links a{color:var(--text-color);text-decoration:none;font-size:1.1rem;margin:0 20px;font-weight:500;transition:color .3s ease,transform .2s ease-in-out}.social-links a:hover{color:var(--primary-color);transform:translateY(-2px)}@media (max-width: 768px){.contact-section{padding:4rem 1.5rem}.contact-title{font-size:2.5rem}.contact-description{font-size:1rem}.contact-button{padding:.8em 1.8em;font-size:1.05em;margin-bottom:2.5rem}.social-links a{font-size:1rem;margin:0 15px}}@media (max-width: 480px){.contact-section{padding:3rem 1rem}.contact-title{font-size:2rem}.contact-description{font-size:.95rem}.social-links a{margin:0 10px}}.footer-section{background-color:var(--light-background);color:var(--text-color);padding:3rem 2rem;text-align:center;font-size:.95rem;border-top:1px solid var(--border-color)}.footer-section p{margin:.7rem 0;line-height:1.6}@media (max-width: 768px){.footer-section{padding:2.5rem 1.5rem;font-size:.9rem}}@media (max-width: 480px){.footer-section{padding:2rem 1rem;font-size:.85rem}}.App{font-family:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:var(--text-color);background-color:var(--background-color);line-height:inherit}section{padding:6rem 2rem;max-width:1200px;margin:0 auto;position:relative;z-index:1}@media (max-width: 768px){section{padding:4rem 1.5rem}}@media (max-width: 480px){section{padding:3rem 1rem}}:root{--primary-color: #007aff;--secondary-color: #1c1c1e;--accent-color: #005ce6;--text-color: #3a3a3c;--light-text-color: #f5f5f7;--background-color: #f2f2f7;--light-background: #ffffff;--border-color: #e0e0e0;font-family:Inter var,Segoe UI,San Francisco Display,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;font-weight:400;color-scheme:light;color:var(--text-color);background-color:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;box-sizing:border-box;overflow-x:hidden}*,*:before,*:after{box-sizing:inherit}a{font-weight:500;color:var(--primary-color);text-decoration:none;transition:color .3s ease,transform .2s ease-out}a:hover{color:var(--accent-color);transform:translateY(-1px)}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.6em;line-height:1.25;color:var(--secondary-color);font-weight:700}h1{font-size:3.5rem}h2{font-size:2.8rem}h3{font-size:2.2rem}h4{font-size:1.8rem}h5{font-size:1.4rem}h6{font-size:1.1rem}p{margin-top:0;margin-bottom:1.2em;line-height:1.7}button{border-radius:10px;border:none;padding:.8em 1.8em;font-size:1.1em;font-weight:600;font-family:inherit;background-color:var(--primary-color);color:var(--light-text-color);cursor:pointer;transition:background-color .3s ease,transform .2s ease-out,box-shadow .3s ease;box-shadow:0 4px 12px #007aff33}button:hover{background-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 6px 16px #007aff4d}button:focus,button:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px}img{max-width:100%;height:auto;display:block}@media (max-width: 1024px){h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:2rem}}@media (max-width: 768px){h1{font-size:2.5rem}h2{font-size:2.2rem}h3{font-size:1.8rem}h4{font-size:1.5rem}p{font-size:.95rem}button{padding:.7em 1.5em;font-size:1em}}@media (max-width: 480px){h1{font-size:2rem}h2{font-size:1.8rem}h3{font-size:1.5rem}h4{font-size:1.3rem}p{font-size:.9rem}}