:root{--navy: navy;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--navy);background-color:#001f3f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--navy);text-decoration:inherit}a:hover{color:#001f4d}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:#001f3f}h1,h2,h3,h4,h5,h6{color:var(--navy)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--navy);color:#fff;cursor:pointer;transition:border-color .25s,background-color .25s}button:hover{border-color:#001f4d;background-color:#001f4d}button:focus,button:focus-visible{outline:none!important;box-shadow:none!important}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}input:focus,textarea:focus,button:focus,input:focus-visible,textarea:focus-visible,button:focus-visible{outline:none!important;box-shadow:none!important}html,body,.portfolio-fullwidth{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar,.portfolio-fullwidth::-webkit-scrollbar{display:none}*{box-sizing:border-box;margin:0;padding:0}.portfolio-fullwidth{width:100vw;min-height:100vh;background:linear-gradient(120deg,#eaf3fb,#f8fafd);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color:#1a1a1a;margin:0;padding:90px 0 0;box-sizing:border-box;overflow-x:hidden}.light-theme{background:#f8fafd;color:#1a1a1a}.nav-bar{width:100vw;display:flex;justify-content:space-between;align-items:center;padding:.7rem 3vw .7rem 3vw;background:#fff;box-shadow:0 2px 12px #e0e7ff33;position:fixed;top:0;left:0;z-index:2000;transition:box-shadow .2s,background .2s;height:60px}.nav-left .site-title{font-size:1.5rem;font-weight:700;color:#0a66c2;letter-spacing:1px}.nav-links{display:flex;gap:2rem}.nav-links a:hover{color:#1a1a1a}.hero-section{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100vw;max-width:100%;margin:0 auto;padding:4rem 3vw 2rem 3vw;background:linear-gradient(135deg,#f8fafd,#e8f4fd);min-height:400px;box-sizing:border-box;gap:4rem;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(100,149,237,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(147,112,219,.1) 0%,transparent 50%)}.hero-content{flex:0 1 50%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:1.2rem;position:relative;z-index:2;background:#ffffffb3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:16px;padding:2rem;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 20px #0000000d;margin-left:0;text-align:left}.hero-name{font-size:3rem;font-weight:800;margin:0;color:#1a1a1a;text-align:left;letter-spacing:-1px;animation:fadein 1s}.subtitle{color:#0a66c2;font-size:1.3rem;margin:0;text-align:left;font-weight:500}.hero-buttons{display:flex;gap:1.2rem;margin-top:.5rem}.hero-btn{background:#0a66c2;color:#fff;border:none;padding:.9em 2em;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;text-decoration:none;box-shadow:0 2px 8px #646cff33;transition:all .2s ease;animation:pop .7s}.hero-btn.secondary{background:#ffffffe6;color:#0a66c2;border:2px solid #0a66c2}.hero-btn:hover{background:#222;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.linkedin-btn{background:#0a66c2!important;display:flex!important;align-items:center!important;gap:8px!important;text-decoration:none!important}.github-btn{background:#000!important;display:flex!important;align-items:center!important;gap:8px!important;text-decoration:none!important}.linkedin-btn:hover{background:#084482!important}.github-btn:hover{background:#333!important}.hero-images-grid{flex:0 1 40%;display:flex;justify-content:flex-end;align-items:center;height:350px;position:relative;z-index:2;margin-right:0}.hero-image-container.main-image{width:320px;height:380px;justify-content:center;align-items:center;position:relative}.hero-image-container.secondary-image{flex:1;justify-content:center;align-items:center;height:100%;position:relative}.hero-image{width:100%;height:100%;border-radius:16px;object-fit:cover;box-shadow:0 4px 20px #0000001a;animation:zoom 1.2s;transition:all .2s ease;border:2px solid rgba(255,255,255,.3)}.hero-image:hover{transform:scale(1.02);box-shadow:0 6px 25px #00000026}.hero-image-container.main-image .hero-image,.hero-image-container.secondary-image .hero-image{width:100%;height:100%;object-fit:cover}.about-section,.projects-section,.contact-section,.skills-section,.experience-section,.testimonials-section{background:#fafdff;border-radius:16px;padding:2.5rem 2rem;margin:2.5rem auto;box-shadow:0 2px 16px #e0e7ff22;max-width:1100px}.skills-section h2,.experience-section h2,.testimonials-section h2{color:#0a66c2;margin-bottom:1rem;text-align:left}.skills-list{display:flex;flex-wrap:wrap;gap:1rem 2rem;list-style:none;padding:0;margin:0;font-size:1.1rem;font-weight:500}.skills-list li{background:#eaf3fb;color:#1a1a1a;border-radius:8px;padding:.5em 1.2em;margin-bottom:.5em;box-shadow:0 1px 4px #e0e7ff22}.experience-list{display:flex;flex-direction:column;gap:2rem}.experience-item h3{margin:0 0 .3rem;color:#222;font-size:1.2rem;font-weight:700}.experience-item h3 span{color:#0a66c2;font-size:1rem;font-weight:500;margin-left:.5em}.experience-item p{margin:0 0 .5rem;color:#888;font-size:1rem}.experience-item ul{margin:0;padding-left:1.2em;color:#1a1a1a;font-size:1.05rem}.testimonials-list{display:flex;flex-wrap:wrap;gap:2rem;margin-top:1.5rem}.testimonial-card{background:#eaf3fb;border-radius:12px;box-shadow:0 2px 8px #e0e7ff22;padding:1.5rem 1.2rem;flex:1 1 320px;min-width:260px;max-width:420px;display:flex;flex-direction:column;gap:.7rem;font-size:1.08rem;color:#1a1a1a;font-style:italic;position:relative}.testimonial-card span{color:#0a66c2;font-size:.98rem;font-style:normal;margin-top:.5em;align-self:flex-end}.about-section h2,.projects-section h2,.contact-section h2{color:#0a66c2;margin-bottom:1rem;text-align:left}.about-section p{text-align:left;font-size:1.1rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem}.project-card{background:#f8fafd;border-radius:12px;box-shadow:0 2px 8px #e0e7ff22;padding:1.5rem 1.2rem;display:flex;flex-direction:column;gap:.5rem;align-items:flex-start;transition:transform .2s,box-shadow .2s}.project-card:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 6px 24px #646cff33}.contact-form input,.contact-form textarea{padding:.8em 1em;border-radius:8px;border:1px solid #d1d5db;font-size:1rem;font-family:inherit;resize:none;background:#f8fafd;color:#1a1a1a}.footer{text-align:center;color:#888;padding:2rem 0 1rem;font-size:1rem;background:transparent}@keyframes fadein{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@keyframes slidein{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.8)}80%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes zoom{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.animate-fadein{animation:fadein 1s}.animate-slidein{animation:slidein 1.1s}.animate-pop{animation:pop .7s}.animate-zoom{animation:zoom 1.2s}.hero-section{display:flex;flex-direction:row;align-items:center;gap:1rem;padding-bottom:2rem}.avatar{width:120px;height:120px;border-radius:50%;border:4px solid #0a66c2;object-fit:cover;box-shadow:0 4px 24px #646cff33}.subtitle{color:#0a66c2;font-size:1.2rem;margin-top:-.5rem}.nav-links{display:flex;gap:2rem;margin-top:1rem}.nav-links a{color:#0a66c2;text-decoration:none;font-weight:500;font-size:1.1rem;transition:color .2s}.nav-links a:hover{color:#222}.about-section,.projects-section,.contact-section{background:#f6f8ff;border-radius:16px;padding:2rem 1.5rem;margin-bottom:2rem;box-shadow:0 2px 16px #646cff11}.about-section h2,.projects-section h2,.contact-section h2{color:#0a66c2;margin-bottom:1rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.project-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #646cff11;padding:1.2rem 1rem;display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.project-card h3{margin:0 0 .3rem;color:#222}.project-card a{color:#0a66c2;font-size:.98rem;text-decoration:underline;margin-top:.2rem}.project-card a:hover{color:#222}.contact-form{display:flex;flex-direction:column;gap:1rem;max-width:400px;margin:0 auto}.contact-form input,.contact-form textarea{padding:.8em 1em;border-radius:8px;border:1px solid #ccc;font-size:1rem;font-family:inherit;resize:none}.contact-form textarea{min-height:100px}.contact-form button{background:#0a66c2;color:#fff;border:none;padding:.8em 1em;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.contact-form button:hover{background:#222}.footer{text-align:center;color:#888;padding:2rem 0 1rem;font-size:1rem}.connection-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 3vw;background:#f8fafd;text-align:center;gap:1rem}.connection-section .subtitle{margin:0;font-size:1.2rem;font-weight:500}.connection-section .hero-buttons{display:flex;gap:1.2rem;justify-content:center;margin:0}@media (max-width: 768px){.nav-links{display:none}.hero-images-grid{display:none!important}.hero-section{justify-content:center!important}.hero-content{margin-left:12px!important;margin-right:12px!important;width:100%;max-width:100%}}@media (max-width: 1023px){.tech-link{display:none}}@media (max-width: 480px){.hero-content{margin-left:6px!important;margin-right:22px!important;padding:.9rem!important}}