:root{--primary: #E63946;--primary-dark: #C1121F;--primary-light: #FF6B6B;--white: #FFFFFF;--off-white: #F8F9FA;--dark: #1A1A2E;--gray: #6C757D;--light-gray: #E9ECEF;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--section-padding: 100px 0;--container-width: 1200px;--container-padding: 0 24px;--transition-fast: .2s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 20px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .12);--shadow-hover: 0 12px 48px rgba(230, 57, 70, .15);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:16px;line-height:1.6;color:var(--gray);background-color:var(--white);overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--dark);font-weight:700;line-height:1.2}a{text-decoration:none;color:inherit;transition:color var(--transition-fast)}img{max-width:100%;display:block}ul{list-style:none}button{cursor:pointer;border:none;outline:none;font-family:var(--font-family)}input,textarea{font-family:var(--font-family);outline:none}.container{max-width:var(--container-width);margin:0 auto;padding:var(--container-padding)}.section{padding:var(--section-padding)}.section-label{display:inline-block;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:3px;color:var(--primary);margin-bottom:16px}.section-title{font-size:clamp(2rem,4vw,2.75rem);font-weight:800;margin-bottom:20px}.section-subtitle{font-size:1.125rem;color:var(--gray);max-width:600px;line-height:1.7}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;font-size:1rem;font-weight:600;border-radius:var(--radius-full);transition:all var(--transition-base);white-space:nowrap}.btn-primary{background:var(--primary);color:var(--white)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 8px 24px #e6394659}.btn-outline{background:transparent;color:var(--dark);border:2px solid var(--light-gray)}.btn-outline:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.reveal{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.reveal-delay-5{transition-delay:.5s}@media(max-width:768px){:root{--section-padding: 70px 0}.section-title{font-size:clamp(1.75rem,5vw,2.25rem)}.btn{padding:12px 24px;font-size:.9375rem}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:20px 0;transition:all var(--transition-base)}.navbar--scrolled{background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);padding:12px 0}.navbar__inner{display:flex;align-items:center;justify-content:space-between}.navbar__logo{font-size:1.5rem;font-weight:800;color:var(--dark)}.navbar__logo span{color:var(--primary)}.navbar__right,.navbar__links{display:flex;align-items:center;gap:36px}.navbar__link{font-size:.9375rem;font-weight:500;color:var(--gray);position:relative;padding:4px 0}.navbar__link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--primary);transition:width var(--transition-base)}.navbar__link:hover{color:var(--dark)}.navbar__link:hover:after{width:100%}.navbar__links-cta{display:none}.navbar__cta-desktop{padding:10px 24px;font-size:.875rem}.navbar__hamburger{display:none;flex-direction:column;gap:5px;background:none;padding:4px;z-index:1001}.navbar__hamburger span{display:block;width:24px;height:2px;background:var(--dark);border-radius:2px;transition:all var(--transition-base)}.navbar__hamburger--open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.navbar__hamburger--open span:nth-child(2){opacity:0}.navbar__hamburger--open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.navbar__overlay{position:fixed;inset:0;background:#0006;z-index:999}@media(max-width:768px){.navbar__hamburger{display:flex}.navbar__cta-desktop{display:none}.navbar__links{position:fixed;top:0;right:-100%;width:280px;height:100vh;flex-direction:column;justify-content:center;gap:28px;background:var(--white);box-shadow:var(--shadow-lg);transition:right var(--transition-base);z-index:1000}.navbar__links--open{right:0}.navbar__link{font-size:1.125rem}.navbar__links-cta{display:block;margin-top:12px}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding-top:80px}.hero__bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hero__blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.12}.hero__blob--1{width:500px;height:500px;background:var(--primary);top:-100px;right:-100px;animation:blobFloat 8s ease-in-out infinite}.hero__blob--2{width:400px;height:400px;background:var(--primary-light);bottom:-50px;left:-100px;animation:blobFloat 10s ease-in-out infinite reverse}@keyframes blobFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.hero__content{text-align:center;position:relative;z-index:1}.hero__badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:#e6394614;border:1px solid rgba(230,57,70,.15);border-radius:var(--radius-full);font-size:.875rem;font-weight:500;color:var(--primary);margin-bottom:32px}.hero__badge-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 #22c55e99;animation:blink 1.5s ease-in-out infinite}@keyframes blink{0%,to{opacity:1;box-shadow:0 0 #22c55e99}50%{opacity:.3;box-shadow:0 0 0 6px #22c55e00}}.hero__title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.1;margin-bottom:24px;max-width:800px;margin-left:auto;margin-right:auto}.hero__highlight{color:var(--primary)}.hero__subtitle{font-size:clamp(1rem,2vw,1.25rem);color:var(--gray);max-width:560px;margin:0 auto 40px;line-height:1.7}.hero__actions{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}@media(max-width:768px){.hero{padding-top:100px;min-height:calc(100vh - 40px)}.hero__blob--1{width:300px;height:300px}.hero__blob--2{width:250px;height:250px}}.about{background:var(--off-white)}.about__grid{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center;margin-bottom:60px}.about__image-wrapper{position:relative}.about__image-placeholder{width:100%;aspect-ratio:4/5;background:var(--white);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--light-gray);border:2px dashed var(--light-gray);position:relative;z-index:1}.about__image-placeholder svg{stroke:var(--light-gray)}.about__image-placeholder span{font-size:.875rem;color:var(--gray)}.about__image-accent{position:absolute;bottom:-16px;right:-16px;width:60%;height:60%;background:var(--primary);opacity:.1;border-radius:var(--radius-lg);z-index:0}.text-primary{color:var(--primary)}.about__text{font-size:1.0625rem;line-height:1.8;color:var(--gray);margin-bottom:16px}.about__text:last-of-type{margin-bottom:32px}.about__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-top:40px;border-top:1px solid var(--light-gray)}.about__stat{text-align:center;padding:24px 16px;background:var(--white);border-radius:var(--radius-md);transition:all var(--transition-base)}.about__stat:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.about__stat-number{display:block;font-size:2.25rem;font-weight:800;color:var(--primary);line-height:1;margin-bottom:8px}.about__stat-label{font-size:.875rem;color:var(--gray);font-weight:500}@media(max-width:768px){.about__grid{grid-template-columns:1fr;gap:40px}.about__image-wrapper{max-width:300px;margin:0 auto}.about__stats{grid-template-columns:repeat(2,1fr)}}.projects{margin-bottom:80px}.projects__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-top:48px}.projects__card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--light-gray);transition:all var(--transition-base)}.projects__card:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover);border-color:#e6394633}.projects__card-image{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--dark)}.projects__card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.projects__card:hover .projects__card-image img{transform:scale(1.05)}.projects__card-overlay{position:absolute;inset:0;background:#1a1a2ed9;display:flex;align-items:center;justify-content:center;gap:16px;opacity:0;transition:opacity var(--transition-base)}.projects__card:hover .projects__card-overlay{opacity:1}.projects__card-link{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--primary);color:var(--white);border-radius:var(--radius-full);font-size:.875rem;font-weight:500;transition:background var(--transition-fast)}.projects__card-link:hover{background:var(--primary-dark);color:var(--white)}.projects__card-body{padding:24px}.projects__card-title{font-size:1.25rem;font-weight:700;margin-bottom:10px}.projects__card-desc{font-size:.9375rem;color:var(--gray);line-height:1.6;margin-bottom:16px}.projects__card-tags{display:flex;flex-wrap:wrap;gap:8px}.projects__tag{padding:4px 14px;background:#e639461a;color:var(--primary);font-size:.8125rem;font-weight:500;border-radius:var(--radius-full);border:1px solid rgba(230,57,70,.2);transition:all var(--transition-fast)}.projects__tag:hover{background:var(--primary);color:var(--white)}@media(max-width:768px){.projects__grid{grid-template-columns:1fr}}.techstack__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-top:48px}.techstack__category{background:var(--white);border:1px solid var(--light-gray);border-radius:var(--radius-lg);padding:32px;transition:all var(--transition-base)}.techstack__category:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:#e6394626}.techstack__category-title{font-size:1.125rem;font-weight:700;color:var(--dark);margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--primary);display:inline-block}.techstack__skills{display:flex;flex-direction:column;gap:14px}.techstack__skill-row{display:flex;align-items:center;justify-content:space-between}.techstack__skill-name{font-size:.875rem;font-weight:500;color:var(--dark)}.techstack__dots{display:flex;gap:6px}.techstack__dot{width:10px;height:10px;border-radius:50%;background:var(--light-gray);transition:background var(--transition-base)}.techstack__dot--filled{background:var(--primary)}@media(max-width:768px){.techstack__grid{grid-template-columns:1fr}.techstack__category{padding:24px}}.portfolio{background:var(--off-white)}.contact__header{text-align:center;margin-bottom:60px}.contact__header .section-subtitle{margin:0 auto}.contact__grid{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:start}.contact__form{display:flex;flex-direction:column;gap:24px}.contact__field label{display:block;font-size:.875rem;font-weight:600;color:var(--dark);margin-bottom:8px}.contact__field input,.contact__field textarea{width:100%;padding:14px 18px;font-size:1rem;color:var(--dark);background:var(--off-white);border:2px solid transparent;border-radius:var(--radius-md);transition:all var(--transition-base)}.contact__field input::placeholder,.contact__field textarea::placeholder{color:#b0b0b0}.contact__field input:focus,.contact__field textarea:focus{background:var(--white);border-color:var(--primary);box-shadow:0 0 0 4px #e639461a}.contact__field textarea{resize:vertical;min-height:130px}.contact__submit{align-self:flex-start;padding:16px 36px}.contact__success{padding:14px 20px;background:#d4edda;color:#155724;border-radius:var(--radius-md);font-size:.9375rem;font-weight:500;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.contact__info-card{background:var(--off-white);border-radius:var(--radius-lg);padding:36px;display:flex;flex-direction:column;gap:28px;margin-bottom:28px}.contact__info-item{display:flex;align-items:center;gap:16px}.contact__info-icon{width:48px;height:48px;background:#e6394614;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.contact__info-item h4{font-size:.9375rem;font-weight:600;color:var(--dark);margin-bottom:2px}.contact__info-item a,.contact__info-item span{font-size:.9375rem;color:var(--gray)}.contact__info-item a:hover{color:var(--primary)}.contact__socials{display:flex;gap:12px}.contact__social-link{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--off-white);border-radius:var(--radius-md);color:var(--gray);transition:all var(--transition-base)}.contact__social-link:hover{background:var(--primary);color:var(--white);transform:translateY(-3px)}@media(max-width:768px){.contact__grid{grid-template-columns:1fr}.contact__submit{width:100%}}.footer{background:var(--dark);padding:60px 0 0}.footer__inner{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:48px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.08)}.footer__logo{font-size:1.5rem;font-weight:800;color:var(--white);display:inline-block;margin-bottom:12px}.footer__logo span{color:var(--primary)}.footer__tagline{color:#ffffff80;font-size:.9375rem;line-height:1.6;max-width:280px}.footer__heading{font-size:1rem;font-weight:600;color:var(--white);margin-bottom:20px}.footer__link{display:block;color:#ffffff80;font-size:.9375rem;padding:6px 0;transition:color var(--transition-fast)}.footer__link:hover{color:var(--primary)}.footer__social-links{display:flex;gap:12px}.footer__social-links a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:#ffffff0f;color:#ffffff80;transition:all var(--transition-base)}.footer__social-links a:hover{background:var(--primary);color:var(--white);transform:translateY(-3px)}.footer__bottom{display:flex;justify-content:space-between;align-items:center;padding:24px 0;color:#ffffff59;font-size:.875rem}@media(max-width:768px){.footer__inner{grid-template-columns:1fr;gap:32px}.footer__bottom{flex-direction:column;gap:8px;text-align:center}}main{position:relative}