@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;800;900&family=Sora:wght@400;500;600;700&display=swap";:root{--gradient-1:linear-gradient(135deg, #ff6b6b 0%, #feca57 100%);--gradient-2:linear-gradient(135deg, #6c5ce7 0%, #a29bfe 100%);--gradient-3:linear-gradient(135deg, #00b894 0%, #55efc4 100%);--gradient-4:linear-gradient(135deg, #fd79a8 0%, #fdcb6e 100%);--color-primary:#fafaf8;--color-dark:#1a1a1a;--color-light-gray:#f0f0f0;--color-medium-gray:#a0a0a0;--font-display:"Playfair Display", serif;--font-body:"Sora", sans-serif;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:3rem;--spacing-xl:4rem;--transition-base:all .3s cubic-bezier(.4, 0, .2, 1);--transition-slow:all .6s cubic-bezier(.4, 0, .2, 1);--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--color-primary);color:var(--color-dark);line-height:1.6}.app{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1}.display-font{font-family:var(--font-display);font-weight:900}.text-gradient{background:linear-gradient(135deg,#ff6b6b 0%,#feca57 50%,#6c5ce7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-1{background:var(--gradient-1)}.gradient-2{background:var(--gradient-2)}.gradient-3{background:var(--gradient-3)}.gradient-4{background:var(--gradient-4)}.btn-primary{color:#fff;cursor:pointer;transition:var(--transition-base);font-size:15px;font-weight:600;font-family:var(--font-body);background:linear-gradient(135deg,#ff6b6b 0%,#feca57 100%);border:none;border-radius:50px;padding:14px 32px;box-shadow:0 10px 30px #ff6b6b4d}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px #ff6b6b66}.btn-primary:active{transform:translateY(-1px)}.btn-secondary{color:var(--color-dark);border:2px solid var(--color-dark);cursor:pointer;transition:var(--transition-base);font-size:15px;font-weight:600;font-family:var(--font-body);background:#fff;border-radius:50px;padding:14px 32px}.btn-secondary:hover{background:var(--color-dark);color:#fff}.navigation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;background:#fafaf8f2;border-bottom:1px solid #0000001a;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1.5rem;display:flex;position:relative}.nav-logo{cursor:pointer;z-index:51;font-size:2rem}.nav-links{align-items:center;gap:2rem;display:flex}.nav-link{cursor:pointer;transition:var(--transition-base);color:var(--color-dark);font-size:.95rem;font-weight:600;font-family:var(--font-body);background:0 0;border:none}.nav-link:hover,.nav-link.active{color:#0000;background:linear-gradient(135deg,#ff6b6b 0%,#feca57 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hamburger-btn{cursor:pointer;z-index:51;background:0 0;border:none;flex-direction:column;justify-content:space-around;width:30px;height:25px;padding:0;display:none}.hamburger-btn span{background:var(--color-dark);width:100%;height:3px;transition:var(--transition-base);transform-origin:50%;border-radius:2px}.hamburger-btn.open span:first-child{transform:rotate(45deg)translate(10px,10px)}.hamburger-btn.open span:nth-child(2){opacity:0}.hamburger-btn.open span:nth-child(3){transform:rotate(-45deg)translate(7px,-7px)}.home-section{padding:var(--spacing-xl)}.home-hero{gap:var(--spacing-xl);max-width:1200px;padding:var(--spacing-xl) 0;grid-template-columns:1fr 1fr;align-items:center;margin:0 auto;display:grid;position:relative;overflow:hidden}.home-hero-content{z-index:10}.home-title{letter-spacing:-1.5px;margin-bottom:var(--spacing-md);font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.1}.home-subtitle{color:var(--color-medium-gray);margin-bottom:var(--spacing-lg);max-width:500px;font-size:1.1rem;line-height:1.8}.home-gradient-blobs{z-index:5;height:400px;position:relative}.gradient-blob{opacity:.7;mix-blend-mode:multiply;border-radius:40% 60% 70% 30%/40% 50% 60%;animation:8s ease-in-out infinite morph;position:absolute}.blob-1{background:linear-gradient(45deg,#ff6b6b,#feca57);width:200px;height:200px;animation-delay:0s;top:-50px;left:-50px}.blob-2{background:linear-gradient(45deg,#6c5ce7,#a29bfe);width:150px;height:150px;animation-delay:2s;bottom:20px;right:10px}.blob-3{background:linear-gradient(45deg,#00b894,#55efc4);width:180px;height:180px;animation-delay:4s;bottom:-30px;left:30%}.home-services{max-width:1200px;margin:var(--spacing-xl) auto;padding:var(--spacing-xl) 0}.home-section-title{margin-bottom:var(--spacing-lg);text-align:center;font-size:clamp(2rem,4vw,3rem)}.services-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.service-card{border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:var(--transition-base);background:#fff;border:2px solid #0000001a}.service-card:hover{border-color:#0003;transform:translateY(-12px)scale(1.02);box-shadow:0 20px 60px #0000001f}.service-icon{border-radius:var(--radius-md);width:48px;height:48px;margin-bottom:var(--spacing-md);color:#fff;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.service-card h3{margin-bottom:var(--spacing-sm);font-size:1.25rem;font-weight:700}.service-card p{color:var(--color-medium-gray);font-size:.95rem;line-height:1.6}.home-stats{gap:var(--spacing-lg);max-width:1200px;margin:var(--spacing-xl) auto;padding:var(--spacing-xl);border-radius:var(--radius-xl);background:#fafaf880;border:1px solid #0000001a;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.stat-item{text-align:center}.stat-number{font-family:var(--font-display);background:linear-gradient(135deg,#ff6b6b 0%,#feca57 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,3.5rem);font-weight:900}.stat-item p{color:var(--color-medium-gray);margin-top:var(--spacing-sm)}.about-section{padding:var(--spacing-xl)}.about-container{gap:var(--spacing-xl);grid-template-columns:1fr 1fr;align-items:center;max-width:1200px;margin:0 auto;display:grid}.about-photo-frame{perspective:1000px;justify-content:center;align-items:center;height:100%;min-height:600px;display:flex}.about-photo{border-radius:var(--radius-xl);width:100%;max-width:650px;animation:6s ease-in-out infinite float;box-shadow:0 20px 60px #00000026}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.about-content{z-index:10}.about-title{margin-bottom:var(--spacing-md);font-size:clamp(2rem,4vw,3rem)}.about-description{color:var(--color-medium-gray);margin-bottom:var(--spacing-lg);font-size:1.1rem;line-height:1.8}.about-skills{margin-bottom:var(--spacing-xl)}.about-skills h3{margin-bottom:var(--spacing-lg);font-size:1.3rem;font-weight:700}.skills-grid{gap:var(--spacing-md);display:grid}.skill-item{gap:var(--spacing-sm);display:grid}.skill-name{color:var(--color-dark);font-weight:600}.skill-bar{background:#0000001a;border-radius:4px;height:8px;overflow:hidden}.skill-progress{background:linear-gradient(135deg,#ff6b6b 0%,#feca57 100%);border-radius:4px;height:100%;animation:1.5s fillProgress}@keyframes fillProgress{0%{width:0!important}}.about-bio{padding-top:var(--spacing-lg);border-top:2px solid #0000001a}.about-bio h3{margin-bottom:var(--spacing-md);font-size:1.3rem;font-weight:700}.about-bio p{color:var(--color-medium-gray);line-height:1.8}.portfolio-section{padding:var(--spacing-xl)}.portfolio-title{text-align:center;margin-bottom:var(--spacing-md);font-size:clamp(2rem,4vw,3rem)}.portfolio-subtitle{text-align:center;color:var(--color-medium-gray);margin-bottom:var(--spacing-xl);max-width:600px;margin-left:auto;margin-right:auto;font-size:1.1rem}.portfolio-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-width:1200px;margin:0 auto;display:grid}.portfolio-card{border-radius:var(--radius-lg);cursor:pointer;height:300px;transition:var(--transition-base);position:relative;overflow:hidden;box-shadow:0 10px 30px #0000001a}.portfolio-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px #00000026}.portfolio-card-overlay{padding:var(--spacing-lg);opacity:0;transition:var(--transition-base);background:linear-gradient(135deg,#00000080,#0000004d);flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.portfolio-card:hover .portfolio-card-overlay{opacity:1}.portfolio-card-overlay h3{color:#fff;margin-bottom:var(--spacing-sm);font-size:1.5rem}.portfolio-card-overlay p{color:#ffffffe6;font-size:.95rem}.contact-section{padding:var(--spacing-xl)}.contact-title{text-align:center;margin-bottom:var(--spacing-md);font-size:clamp(2rem,4vw,3rem)}.contact-subtitle{text-align:center;color:var(--color-medium-gray);margin-bottom:var(--spacing-xl);max-width:600px;margin-left:auto;margin-right:auto;font-size:1.1rem}.contact-container{gap:var(--spacing-xl);grid-template-columns:2fr 1fr;max-width:1200px;margin:0 auto;display:grid}.contact-form{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.form-group{gap:var(--spacing-sm);flex-direction:column;grid-column:span 1;display:flex}.form-group:nth-child(3),.form-group:nth-child(4){grid-column:1/-1}.form-group label{color:var(--color-dark);font-weight:600}.form-group input,.form-group textarea{border-radius:var(--radius-md);font-family:var(--font-body);transition:var(--transition-base);color:var(--color-dark);background:#fff;border:2px solid #0000001a;padding:12px 16px;font-size:.95rem}.form-group input:focus,.form-group textarea:focus{border-color:#ff6b6b;outline:none;box-shadow:0 0 0 3px #ff6b6b1a}.form-group textarea{resize:vertical;min-height:120px}.contact-form:after{content:"";grid-column:1/-1}.btn-submit{width:100%;margin-top:var(--spacing-md)}.contact-success{border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;background:linear-gradient(135deg,#00b8941a,#55efc41a);border:2px solid #00b894;grid-column:1/-1;animation:.5s slideIn}.success-icon{margin-bottom:var(--spacing-md);font-size:3rem}.contact-success h2{color:#00b894;margin-bottom:var(--spacing-sm);font-size:1.5rem}.contact-success p{color:var(--color-medium-gray)}.contact-info{border-radius:var(--radius-lg);padding:var(--spacing-lg);background:linear-gradient(135deg,#ff6b6b1a,#feca571a);border:2px solid #ff6b6b4d}.contact-info h3{margin-bottom:var(--spacing-md);font-size:1.25rem}.contact-info p{margin-bottom:var(--spacing-sm);color:var(--color-medium-gray)}.contact-info a{color:#ff6b6b;transition:var(--transition-base);font-weight:600;text-decoration:none}.contact-info a:hover{text-decoration:underline}.project-modal-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.project-modal-content{border-radius:var(--radius-lg);background:#fff;width:90%;max-width:700px;max-height:80vh;animation:.3s slideInScale;position:relative;overflow-y:auto;box-shadow:0 25px 50px #0000004d}.modal-close-btn{top:var(--spacing-md);right:var(--spacing-md);cursor:pointer;color:var(--color-medium-gray);transition:var(--transition-base);z-index:10;background:0 0;border:none;font-size:1.5rem;position:absolute}.modal-close-btn:hover{color:var(--color-dark);transform:rotate(90deg)}.modal-tabs{padding:var(--spacing-md);background:var(--color-light-gray);border-bottom:2px solid #0000001a;gap:0;display:flex}.modal-tab{padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;color:var(--color-medium-gray);transition:var(--transition-base);background:0 0;border:none;border-bottom:3px solid #0000;font-weight:600;position:relative}.modal-tab:hover,.modal-tab.active{color:var(--color-dark)}.modal-tab.active:after{content:"";background:linear-gradient(135deg,#ff6b6b 0%,#feca57 100%);height:3px;position:absolute;bottom:-2px;left:0;right:0}.modal-body{padding:var(--spacing-lg)}.modal-title{margin-bottom:var(--spacing-lg);font-size:1.75rem;font-weight:700}.modal-images{gap:var(--spacing-md);display:grid}.modal-image{aspect-ratio:16/9;border-radius:var(--radius-md);width:100%;box-shadow:0 8px 24px #0000001a}.modal-stack h3{margin-bottom:var(--spacing-md);font-size:1.1rem}.stack-tags{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-wrap:wrap;display:flex}.stack-tag{color:#fff;background:linear-gradient(135deg,#ff6b6b 0%,#feca57 100%);border-radius:50px;padding:8px 16px;font-size:.85rem;font-weight:600}.stack-description{color:var(--color-medium-gray);line-height:1.8}.footer{background:var(--color-dark);color:#fff;margin-top:var(--spacing-xl);border-top:1px solid #ffffff1a}.footer-container{max-width:1200px;padding:var(--spacing-xl);gap:var(--spacing-xl);grid-template-columns:1fr 1fr;margin:0 auto;display:grid}.footer-content h3{font-family:var(--font-display);margin-bottom:var(--spacing-sm);font-size:2rem}.footer-content p{color:#ffffffb3}.footer-social h4{margin-bottom:var(--spacing-md)}.social-links{gap:var(--spacing-md);display:flex}.social-link{width:50px;height:50px;transition:var(--transition-base);cursor:pointer;background:linear-gradient(135deg,#ff6b6b 0%,#feca57 100%);border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;text-decoration:none;display:flex}.social-link:hover{transform:translateY(-5px);box-shadow:0 10px 25px #ff6b6b4d}.footer-bottom{max-width:1200px;padding:var(--spacing-md) var(--spacing-xl);text-align:center;color:#ffffffb3;border-top:1px solid #ffffff1a;margin:0 auto;font-size:.9rem}@keyframes morph{0%,to{border-radius:40% 60% 70% 30%/40% 50% 60%}50%{border-radius:70% 30% 46% 54%/30% 30% 70% 70%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInScale{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width>=769px){.nav-links{display:flex!important}.hamburger-btn{display:none!important}}@media (width<=768px){:root{--spacing-xl:2rem;--spacing-lg:2rem}.hamburger-btn{display:flex}.nav-links{background:#fafaf8fa;border-bottom:1px solid #0000001a;flex-direction:column;gap:0;max-height:0;transition:max-height .3s;position:absolute;top:100%;left:0;right:0;overflow:hidden}.nav-links.open{max-height:400px;padding:var(--spacing-md) 0}.nav-link{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid #0000000d}.nav-container{flex-direction:row}.home-hero{grid-template-columns:1fr}.home-gradient-blobs{display:none}.about-container{grid-template-columns:1fr}.about-photo-frame{min-height:350px}.contact-container{grid-template-columns:1fr}.services-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.footer-container{gap:var(--spacing-lg);grid-template-columns:1fr}.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (width<=480px){:root{--spacing-xl:1.5rem;--spacing-lg:1.5rem;--spacing-md:1rem}.home-section,.about-section,.portfolio-section,.contact-section{padding:var(--spacing-md)}.home-title,.about-title,.portfolio-title,.contact-title{font-size:1.75rem}.display-font{font-size:1.5rem}.btn-primary,.btn-secondary{padding:12px 24px;font-size:.95rem}.services-grid,.portfolio-grid{grid-template-columns:1fr}.project-modal-content{width:95%}.modal-tabs{padding:var(--spacing-md) var(--spacing-sm)}.modal-tab{padding:var(--spacing-sm) var(--spacing-sm);font-size:.9rem}.social-link{width:40px;height:40px;font-size:1.2rem}.contact-form{grid-template-columns:1fr}}