:root{font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#141a16;background-color:#f2f3f2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;min-width:320px;max-width:100%;overflow-x:hidden;min-height:100vh}#root{display:flex;flex-direction:column;min-height:100vh;width:100%;max-width:100%;overflow-x:hidden}a{font-weight:500;color:inherit;text-decoration:none}button{font-family:inherit;font-size:1rem}@media (prefers-color-scheme: dark){:root{color:#f6f6f6;background-color:#181c1d}}*{box-sizing:border-box}html,body{width:100%;max-width:100%;overflow-x:hidden}body{margin:0;background-color:#f2f3f2;color:#141a16;font-family:Poppins,sans-serif;transition:background .4s ease,color .4s ease;overflow-x:hidden}body.dark{background-color:#181c1d;color:#f6f6f6}.page-layout{display:flex;flex-direction:column;min-height:100vh;width:100%;max-width:100%;overflow-x:hidden;position:relative}.main-content{flex:1;width:100%;display:flex;flex-direction:column}.header-bar{width:100%;background:transparent;z-index:100;transition:background .3s ease,border-color .3s ease}.header-inner{background:#f2f3f2;border-bottom:1px solid rgba(0,0,0,.08)}body.dark .header-inner{background:#181c1d;border-bottom-color:#ffffff1a}.header-container{display:flex;align-items:center;justify-content:space-between;max-width:1440px;margin:0 auto;padding:16px clamp(16px,4vw,40px);width:100%}.logo-link{display:flex;align-items:center;min-height:44px;min-width:44px}.portfolio-logo{display:block;padding:4px;transition:height .25s ease,filter .25s ease;width:auto}.logo-large{height:clamp(60px,10vw,130px)}.logo-small{height:clamp(40px,6vw,70px)}body.dark .portfolio-logo{filter:invert(1) brightness(2)}.header-nav{display:none;gap:clamp(16px,3vw,40px);align-items:center}.nav-link{color:inherit;text-decoration:underline;text-underline-offset:4px;text-decoration-color:currentColor;font-size:clamp(1rem,1.2vw,1.25rem);padding:8px 12px;border-radius:6px;font-weight:600;min-height:44px;display:inline-flex;align-items:center;transition:background .16s,transform .12s}.nav-link:hover{background:#0000000d}body.dark .nav-link:hover{background:#ffffff14}.nav-link.active-resume{color:#222e3a;text-decoration-color:#222e3a}.nav-link.active-projects{color:#7b3333;text-decoration-color:#7b3333}.nav-link.active-articles{color:#e69b00;text-decoration-color:#e69b00}.nav-link.active-contact{color:#26675d;text-decoration-color:#26675d}body.dark .nav-link.active-resume{color:#90caf9;text-decoration-color:#90caf9}body.dark .nav-link.active-projects{color:#ef9a9a;text-decoration-color:#ef9a9a}body.dark .nav-link.active-articles{color:#ffe082;text-decoration-color:#ffe082}body.dark .nav-link.active-contact{color:#80cbc4;text-decoration-color:#80cbc4}.header-actions{display:flex;align-items:center;gap:12px}.hamburger{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;font-size:24px;background:none;border:none;cursor:pointer;color:inherit;border-radius:8px;padding:8px}.hamburger:hover{background:#0000000d}body.dark .hamburger:hover{background:#ffffff1a}.dark-toggle{font-size:.95rem;font-weight:500;background:none;border:2px solid #141A16;border-radius:8px;cursor:pointer;color:inherit;padding:8px 14px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000008;transition:border-color .2s,background .2s}body.dark .dark-toggle{border-color:#f6f6f6}.mobile-nav{position:fixed;top:0;right:0;bottom:0;left:0;background:#f2f3f2;z-index:999;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;transform:translate(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);padding:24px}body.dark .mobile-nav{background:#181c1d;color:#f6f6f6}.mobile-nav.open{transform:translate(0)}.mobile-nav a{font-size:1.4rem;font-weight:600;text-decoration:none;color:inherit;min-height:44px;display:inline-flex;align-items:center;padding:8px 20px}.close-btn{position:absolute;top:20px;right:20px;font-size:26px;background:none;border:none;cursor:pointer;color:inherit;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%}.home-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(24px,5vh,48px);padding:clamp(20px,4vh,60px) clamp(16px,4vw,40px) clamp(40px,6vh,60px);width:100%;max-width:1440px;margin:0 auto}.profile-side{display:flex;align-items:center;justify-content:center}.profile-circle{width:clamp(200px,50vw,360px);height:clamp(200px,50vw,360px);aspect-ratio:1 / 1;border-radius:50%;overflow:hidden;border:4px solid #141A16;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #00000014}body.dark .profile-circle{border-color:#f6f6f6;background:#3a3a3a;box-shadow:0 8px 24px #0000004d}.profile-circle img{width:100%;height:100%;object-fit:cover;object-position:center top}.info-side{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:680px}.main-heading{font-size:clamp(30px,5vw,58px);margin:0 0 12px;font-weight:800;line-height:1.1;letter-spacing:-.5px}.about-section{margin-bottom:28px}.about-title{font-size:clamp(18px,2.2vw,22px);font-weight:600;margin:0 0 8px}.about-text{font-size:clamp(14px,1.2vw,17px);line-height:1.65;color:#333;margin:0;max-width:640px}body.dark .about-text{color:#e0e0e0}.button-row{display:grid;grid-template-columns:repeat(2,minmax(90px,140px));gap:clamp(12px,2.5vw,24px);justify-content:center;align-items:center;margin-top:12px;width:100%}.home-btn{width:100%;aspect-ratio:1 / 1;border-radius:50%;font-size:clamp(13px,1.5vw,20px);font-weight:600;display:flex;align-items:center;justify-content:center;text-align:center;border:2px solid #141A16;text-decoration:none;min-width:44px;min-height:44px;transition:transform .2s ease,box-shadow .2s ease}.home-btn:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 6px 16px #00000026}.resume-btn{background-color:#222e3a;color:#f6f6f6}.contact-btn{background-color:#26675d;color:#f6f6f6}.projects-btn{background-color:#7b3333;color:#f6f6f6}.articles-btn{background-color:#e69b00;color:#f6f6f6}body.dark .resume-btn,body.dark .contact-btn,body.dark .projects-btn,body.dark .articles-btn{border-color:#f6f6f6}.footer{margin-top:auto;padding:24px 0;width:100%;background:transparent;position:relative;z-index:10}.footer-container{max-width:1440px;margin:0 auto;padding:0 clamp(16px,4vw,40px);width:100%}.footer-separator{border:none;border-top:1px solid #bbb;margin:0 0 20px}body.dark .footer-separator{border-top-color:#444}.footer-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}.footer-section{font-size:.95rem}.footer-section b{display:block;margin-bottom:6px;font-weight:600}.blog-links{display:flex;flex-direction:column;gap:2px;align-items:center}@media (min-width: 600px){.blog-links{align-items:flex-start}}.footer-medium-link{display:inline-flex;align-items:center;gap:8px;color:inherit;text-decoration:none;min-height:44px;padding:6px 12px;border-radius:6px;font-size:.9rem}.footer-medium-link:hover{background:#0000000d}body.dark .footer-medium-link:hover{background:#ffffff14}.email-text{font-size:.95rem}.social-links{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px}.footer-icon-link{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:inherit;transition:background .2s,transform .2s}.footer-icon-link:hover{background:#00000014;transform:translateY(-2px)}body.dark .footer-icon-link:hover{background:#ffffff1f}.footer-copyright{font-size:.9rem;opacity:.85}.footer-copyright a{color:inherit;text-decoration:underline}@media (min-width: 600px){.footer-content{flex-direction:row;justify-content:space-between;align-items:flex-start;text-align:left}.social-links{justify-content:flex-start}}@media (min-width: 1024px){.header-nav{display:flex}.hamburger{display:none}.home-wrapper{flex-direction:row;gap:clamp(40px,5vw,80px);padding-top:clamp(40px,6vh,80px);padding-bottom:clamp(40px,6vh,80px)}.profile-circle{width:clamp(300px,24vw,380px);height:clamp(300px,24vw,380px)}.info-side{align-items:flex-start;text-align:left}.about-text{text-align:justify}.button-row{align-self:center;justify-content:center;grid-template-columns:repeat(2,140px);gap:24px;margin-left:auto;margin-right:auto}}:root{--expo-out: cubic-bezier(.16, 1, .3, 1)}::view-transition-group(root){animation-timing-function:var(--expo-out)}::view-transition-new(root){mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><defs><filter id="blur"><feGaussianBlur stdDeviation="2"/></filter></defs><circle cx="40" cy="20" r="18" fill="white" filter="url(%23blur)"/></svg>') right center / 0 no-repeat;-webkit-mask-origin:content-box;mask-origin:content-box;animation:scaleFromRight 1s;transform-origin:right center}::view-transition-old(root),.dark::view-transition-old(root){animation:scaleFromRight 1s;transform-origin:right center;z-index:-1}@keyframes scaleFromRight{to{-webkit-mask-size:350vmax;mask-size:350vmax}}#preloader{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f2f3f2;color:#141a16;font-family:Poppins,sans-serif;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1),visibility .6s ease;padding:20px;-webkit-user-select:none;user-select:none}body.dark #preloader,#preloader.dark{background-color:#181c1d;color:#f6f6f6}#preloader.preloader-hidden{opacity:0;transform:translateY(-20px);pointer-events:none;visibility:hidden}.preloader-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:90vw}.preloader-typing-container{display:flex;align-items:center;justify-content:center;min-height:70px}.preloader-text{font-size:clamp(1.8rem,5vw,3.4rem);font-weight:800;letter-spacing:-.5px;color:inherit;margin:0;white-space:nowrap}.preloader-cursor{display:inline-block;width:3px;height:1.1em;background-color:#26675d;margin-left:6px;vertical-align:middle;animation:cursor-blink .8s infinite}body.dark .preloader-cursor{background-color:#4db6ac}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.preloader-progress-wrapper{margin-top:36px;display:flex;flex-direction:column;align-items:center;gap:10px;width:clamp(220px,50vw,340px);transition:opacity .3s ease}.preloader-progress-bar-bg{width:100%;height:4px;background:#141a161a;border-radius:4px;overflow:hidden;position:relative}body.dark .preloader-progress-bar-bg{background:#f6f6f626}.preloader-progress-bar-fill{height:100%;background:#26675d;border-radius:4px;transition:width .15s ease-out}body.dark .preloader-progress-bar-fill{background:#4db6ac}.preloader-percentage{font-size:clamp(.9rem,1.5vw,1.1rem);font-weight:600;letter-spacing:.5px;opacity:.85;font-variant-numeric:tabular-nums}.preloader-enter-btn{margin-top:32px;padding:14px 36px;font-size:1.15rem;font-weight:700;color:#fff;background-color:#26675d;border:2px solid #141A16;border-radius:50px;cursor:pointer;display:inline-flex;align-items:center;gap:10px;min-height:48px;min-width:160px;justify-content:center;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease;box-shadow:0 4px 14px #26675d4d;animation:pop-in .4s cubic-bezier(.16,1,.3,1) forwards}.preloader-enter-btn:hover{background-color:#1e524a;transform:translateY(-3px) scale(1.03);box-shadow:0 8px 20px #26675d66}body.dark .preloader-enter-btn{background-color:#26675d;border-color:#f6f6f6;color:#fff}@keyframes pop-in{0%{opacity:0;transform:scale(.85) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.contact-page{width:100%;flex:1;display:flex;align-items:center;justify-content:center;overflow-x:hidden;padding:clamp(20px,4vh,60px) 0;transition:background .3s ease,color .3s ease}.page-content{width:100%;max-width:1440px;margin:0 auto;padding:0 clamp(16px,4vw,40px);box-sizing:border-box}.contact-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:clamp(32px,5vh,56px);width:100%}.contact-info{width:100%;max-width:540px;display:flex;flex-direction:column;align-items:center}.contact-info h2{font-size:clamp(26px,4vw,40px);margin:0 0 16px;color:inherit;font-weight:800;letter-spacing:-.5px}.calendly-connect-wrapper{margin-bottom:24px;width:100%;display:flex;justify-content:center}.calendly-connect-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;max-width:300px;min-height:48px;padding:12px 28px;background:#26675d;color:#fff;border-radius:50px;font-weight:700;font-size:1.05rem;text-decoration:none;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 12px #26675d40}.calendly-connect-btn:hover{background:#1e524a;transform:translateY(-2px);box-shadow:0 6px 16px #26675d59}.info-block{margin-top:8px;font-size:1rem}.info-block p{margin:0 0 4px;opacity:.85}.email-text{font-weight:600;font-size:1.05rem}.contact-form{width:100%;max-width:560px;display:flex;flex-direction:column;gap:18px;text-align:left}.form-row{display:flex;flex-direction:column;gap:18px;width:100%}.form-group{display:flex;flex-direction:column;width:100%}label{margin-bottom:6px;font-weight:600;font-size:.95rem;color:inherit}input,textarea{width:100%;min-height:48px;padding:12px 16px;border:2px solid #141A16;border-radius:8px;background:#fff;font-size:16px;font-family:inherit;color:#141a16;transition:border-color .2s,background .2s,color .2s;outline:none}textarea{min-height:120px;resize:vertical}input:focus,textarea:focus{border-color:#26675d;box-shadow:0 0 0 3px #26675d26}.submit-btn{min-height:48px;padding:14px 28px;background:#26675d;color:#fff;border:none;border-radius:50px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;margin-top:8px;width:100%}.submit-btn:hover{background:#1e524a;transform:translateY(-2px);box-shadow:0 6px 16px #26675d59}body.dark .contact-page,.contact-page.dark{background:#181c1d;color:#f6f6f6}body.dark input,body.dark textarea{background:#24292b;color:#fff;border-color:#ffffff40}body.dark input:focus,body.dark textarea:focus{border-color:#4db6ac;box-shadow:0 0 0 3px #4db6ac33}@media (min-width: 600px){.form-row{flex-direction:row;gap:18px}.form-row>.form-group{flex:1}}@media (min-width: 1024px){.contact-content{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(40px,6vw,80px);align-items:start;text-align:left}.contact-info{align-items:flex-start;text-align:left;max-width:100%}.calendly-connect-wrapper{justify-content:flex-start}.submit-btn{width:auto;align-self:flex-start;padding:14px 40px}}