:root{--color-brand-50: #eff6ff;--color-brand-100: #dbeafe;--color-brand-200: #bfdbfe;--color-brand-300: #93c5fd;--color-brand-400: #60a5fa;--color-brand-500: #3b82f6;--color-brand-600: #2563eb;--color-brand-700: #1d4ed8;--color-brand-800: #1e40af;--color-brand-900: #1e3a8a;--color-brand-950: #172554;--bg-primary: #e6f0ff;--bg-secondary: #ffffff;--bg-tertiary: #e2e8f0;--text-primary: #020617;--text-secondary: #334155;--text-tertiary: #64748b;--border-subtle: #cbd5e1;--border-default: #94a3b8;--accent-primary: var(--color-brand-600);--accent-hover: var(--color-brand-700);--accent-text: #ffffff;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-glow: 0 0 20px -5px var(--color-brand-300);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem}.dark{--bg-primary: #020617;--bg-secondary: #0f172a;--bg-tertiary: #1e293b;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-tertiary: #64748b;--border-subtle: #1e293b;--border-default: #334155;--accent-primary: var(--color-brand-500);--accent-hover: var(--color-brand-400);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-glow: 0 0 25px -5px var(--color-brand-800)}.container{max-width:1280px;margin:0 auto;padding:0 1rem;width:100%}.desktop-nav{display:none}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;padding:.5rem;background:transparent;border:none;cursor:pointer;color:var(--text-primary)}@media(min-width:768px){.desktop-nav{display:flex;align-items:center;width:100%;justify-content:flex-end}.mobile-menu-btn{display:none}}.section{padding:4rem 1rem}.mobile-menu{position:absolute;top:100%;left:0;width:100%;height:auto;background-color:var(--bg-primary);background:#fffffff2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:1.5rem 0;display:flex;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--border-subtle);box-shadow:var(--shadow-xl);z-index:999}.dark .mobile-menu{background:#0f172af2}.mobile-nav-links{display:flex;flex-direction:column;width:100%}.mobile-nav-link{font-size:1.125rem;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:all .2s ease;padding:1rem 2rem;width:100%;text-align:center;border-left:2px solid transparent}.mobile-nav-link:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.mobile-nav-link.active{color:var(--accent-primary);background-color:var(--color-brand-50);border-left-color:var(--accent-primary)}.dark .mobile-nav-link.active{background-color:var(--bg-tertiary)}.mobile-nav-tools{display:flex;flex-direction:column;gap:1.5rem;align-items:center;margin-top:auto;width:100%;max-width:300px}.icon-btn-large{display:flex;align-items:center;justify-content:center;gap:.75rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);padding:1rem 2rem;border-radius:var(--radius-full);color:var(--text-primary);font-weight:600;cursor:pointer;width:100%;transition:all .2s ease;box-shadow:var(--shadow-sm)}.icon-btn-large:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);transition:background-color .3s ease}.dark .navbar{background-color:#020617d9}.navbar-inner{display:flex;align-items:center;justify-content:space-between;height:4rem}.nav-links{display:flex;gap:1.5rem}.nav-link{padding:.5rem 1rem;border-radius:var(--radius-md);color:var(--text-secondary);font-weight:500;font-size:.95rem;transition:all .2s ease}.nav-link:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.nav-link.active{color:var(--accent-primary);background-color:var(--color-brand-50)}.dark .nav-link.active{background-color:var(--bg-tertiary)}.nav-tools{display:flex;align-items:center;gap:1rem}.icon-btn{padding:.5rem;border-radius:9999px;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.icon-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.hero-section{position:relative;min-height:70vh;display:flex;align-items:center;justify-content:center;overflow:hidden;text-align:left;width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);-webkit-mask-image:linear-gradient(to bottom,black 80%,transparent 100%);mask-image:linear-gradient(to bottom,black 80%,transparent 100%);z-index:1}.hero-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;width:30rem;height:30rem;z-index:-1}.hero-content{max-width:1024px;margin:0 auto;padding:5rem 1rem 0;display:flex;flex-direction:column-reverse;align-items:center;gap:3rem;text-align:center}@media(min-width:768px){.hero-content{flex-direction:row;justify-content:space-between;align-items:center;text-align:left;gap:4rem}}.hero-text-side{flex:1;text-align:center;justify-content:center}.hero-buttons{justify-content:center}.hero-image-side{flex-shrink:0;width:100%;max-width:320px;display:flex;justify-content:center}@media(min-width:768px){.hero-image-side{max-width:350px}.hero-buttons{justify-content:left}.hero-text-side{text-align:left;justify-content:left}}.hero-profile-img{width:100%;height:auto;border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);aspect-ratio:1;object-fit:cover;border:4px solid var(--bg-secondary);transition:transform .5s ease}.hero-image-wrapper:hover .hero-profile-img{transform:scale(1.05)}.hero-greeting{display:block;font-size:1.25rem;color:var(--accent-primary);font-weight:500;margin-bottom:1rem}.hero-title{font-size:3rem;font-weight:800;letter-spacing:-.025em;margin-bottom:1.5rem;line-height:1.1}@media(min-width:768px){.hero-title{font-size:4.5rem}}.hero-role{background:linear-gradient(to right,var(--text-primary),var(--text-tertiary));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-subtitle{font-size:1.25rem;color:var(--text-tertiary);margin-bottom:2.5rem;line-height:1.6}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s ease;border:none;text-decoration:none}.btn-sm{padding:.375rem .75rem;font-size:.875rem}.btn-md{padding:.5rem 1rem;font-size:1rem}.btn-lg{padding:.75rem 1.5rem;font-size:1.125rem}.btn-primary{background-color:var(--accent-primary);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--border-default)}.btn-outline{background:transparent;border:2px solid var(--accent-primary);color:var(--accent-primary)}.btn-outline:hover{background-color:var(--accent-primary);color:#fff}.card-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:2rem}@media(min-width:640px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.card-grid{grid-template-columns:repeat(3,1fr)}}.project-card{background-color:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease;height:100%}.dark .project-card{background-color:var(--bg-tertiary)}.project-card:hover{transform:translateY(-4px);border-color:var(--accent-primary);box-shadow:var(--shadow-lg)}.card-image-wrapper{position:relative;aspect-ratio:16 / 9;overflow:hidden}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card:hover .card-image{transform:scale(1.05)}.card-content{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.project-card.static-card{padding:3rem!important}.project-card.static-card:hover{transform:none;box-shadow:none;border-color:var(--border-subtle)}.contact-grid{display:grid;gap:3rem;grid-template-columns:1fr;align-items:start;margin-bottom:2rem}@media(min-width:768px){.contact-grid{grid-template-columns:.9fr 1.1fr;gap:4rem}}.text-center{margin-top:5rem}.contact-info-stack{display:flex;flex-direction:column;gap:1.5rem}.contact-info-card{background:var(--bg-secondary);border:2px solid var(--border-subtle);border-radius:var(--radius-xl);padding:2rem;display:flex;align-items:center;gap:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;position:relative;overflow:hidden}.dark .contact-info-card{background:#1e293b80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact-info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-hover));transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.4,0,.2,1)}.contact-info-card:hover:before{transform:scaleX(1)}.contact-info-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border-color:var(--accent-primary)}.contact-icon-wrapper{flex-shrink:0;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f626,#6366f126);border-radius:var(--radius-lg);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.contact-icon-wrapper:after{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--accent-primary),var(--accent-hover));opacity:0;transition:opacity .4s ease}.contact-info-card:hover .contact-icon-wrapper{transform:rotate(10deg) scale(1.1)}.contact-info-card:hover .contact-icon-wrapper:after{opacity:.2}.contact-link{color:var(--accent-primary);text-decoration:none;font-size:1.125rem;font-weight:500;transition:all .3s ease;position:relative;display:inline-block}.contact-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-hover));transition:width .4s cubic-bezier(.4,0,.2,1)}.contact-link:hover{color:var(--accent-hover);transform:translate(4px)}.contact-form-card{background:var(--bg-secondary);border:2px solid transparent;border-radius:var(--radius-2xl);padding:3rem;margin-bottom:2rem;position:relative;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.dark .contact-form-card{background:#1e293b99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.contact-form-card:before{content:"";position:absolute;inset:-2px;border-radius:var(--radius-2xl);padding:2px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-hover),var(--accent-primary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;transition:opacity .3s ease}.contact-form-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(59,130,246,.08) 0%,transparent 70%);opacity:0;transition:opacity .5s ease;pointer-events:none}.contact-form-card:hover:after{opacity:1}.contact-form-header{margin-bottom:2.5rem;position:relative}.contact-form-header h2{font-size:2rem;font-weight:700;margin-bottom:.75rem;background:linear-gradient(135deg,var(--text-primary),var(--accent-primary));-webkit-background-clip:text;background-clip:text;color:transparent}.contact-form-header p{color:var(--text-secondary);font-size:1.0625rem;line-height:1.6}.footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-subtle);padding:2rem 0;margin-top:auto}.footer-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--text-secondary);font-size:.875rem}@media(min-width:768px){.footer-content{flex-direction:row;justify-content:space-between}}.app-layout{display:flex;flex-direction:column;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.main-content{flex-grow:1;width:100%;max-width:1280px;margin:0 auto;padding:0 1rem;padding-top:0}.gallery-header{text-align:center;margin-bottom:3rem}.gallery-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.gallery-filters{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem;align-items:center;justify-content:space-between}@media(min-width:768px){.gallery-filters{flex-direction:row}}.search-input{width:100%;padding:.5rem 1rem .5rem 2.5rem;border:1px solid var(--border-default);border-radius:var(--radius-md);background-color:var(--bg-secondary);color:var(--text-primary)}.filter-tags{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.tag-pill{padding:.25rem .5rem;background-color:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;white-space:nowrap}.detail-container{max-width:100%;margin:0 auto;padding-top:5rem;padding-bottom:5rem}.detail-container h3{margin-top:2rem}.top-section{display:flex;flex-direction:column;gap:2rem}.detail-card{background-color:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl)}.detail-content{padding:2rem}@media(min-width:768px){.detail-content{padding:3rem}.top-section{flex-direction:row}}.about-hero{display:flex;flex-direction:column;align-items:center;gap:3rem;margin-bottom:4rem}@media(min-width:768px){.about-hero{flex-direction:row}}.about-image{width:100%;aspect-ratio:3/4;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl);object-fit:cover}.skill-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(min-width:768px){.skill-grid{grid-template-columns:repeat(4,1fr)}}.skill-item{padding:1rem;background-color:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-align:center;font-weight:500;transition:border-color .2s}.skill-item:hover{border-color:var(--accent-primary)}@keyframes blob-bounce{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.cv-section{margin-top:4rem}.cv-item{position:relative;padding-left:2rem;padding-bottom:2rem;border-left:2px solid var(--border-subtle)}.cv-item:last-child{border-left:2px solid transparent}.cv-dot{position:absolute;left:-.56rem;top:0;width:1rem;height:1rem;border-radius:50%;background-color:var(--accent-primary);border:3px solid var(--bg-primary)}.cv-date{font-size:.875rem;color:var(--text-tertiary);margin-bottom:.25rem}.cv-title{font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.cv-org{font-size:1rem;color:var(--accent-primary);margin-bottom:.5rem}.cv-desc{color:var(--text-secondary);font-size:.95rem}.carousel-section{padding:5rem 0;overflow:hidden}.carousel-container{cursor:grab;padding-left:1rem;padding-right:1rem;overflow:hidden}.carousel-container:active{cursor:grabbing}.carousel-track{display:flex;gap:1.5rem}.carousel-card{min-width:85vw;height:400px;position:relative;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl)}@media(min-width:768px){.carousel-card{min-width:600px}}.carousel-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.carousel-card:hover .carousel-image,.carousel-card-interactive:hover .carousel-image{transform:scale(1.05)}.carousel-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,.2),transparent);padding:2rem;display:flex;flex-direction:column;justify-content:flex-end;color:#fff}.carousel-content{transform:translateY(1rem);transition:transform .3s ease}.carousel-card:hover .carousel-content{transform:translateY(0)}.carousel-tags{display:flex;gap:.5rem;margin-bottom:.75rem}.carousel-tag{padding:.25rem .75rem;background-color:#fff3;border-radius:9999px;font-size:.75rem;font-weight:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.carousel-title{font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.carousel-desc{font-size:.875rem;color:#e5e5e5;margin-bottom:1rem;opacity:0;transition:opacity .3s ease .1s}.carousel-card:hover .carousel-desc{opacity:1}.carousel-link{display:inline-flex;align-items:center;color:#93c5fd;font-weight:500;text-decoration:none}.carousel-link:hover{color:#dbeafe}.legal-container{max-width:48rem;margin:0 auto;padding-top:6rem;padding-bottom:5rem}.legal-title{font-size:1.875rem;font-weight:700;margin-bottom:2rem}.legal-prose h3{font-size:1.5rem;font-weight:600;margin-top:2rem;margin-bottom:1rem}.legal-prose p{line-height:1.7;color:var(--text-secondary);margin-bottom:1rem}.about-hero-enhanced{display:flex;flex-direction:column;align-items:center;gap:3rem;margin-top:5rem;margin-bottom:4rem;text-align:center}@media(min-width:768px){.about-hero-enhanced{flex-direction:row;text-align:left;gap:4rem}}.about-image-container{flex-shrink:0;width:100%;max-width:280px}.about-image-enhanced{width:100%;aspect-ratio:1;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl);object-fit:cover;border:4px solid var(--bg-secondary);transition:transform .3s ease,box-shadow .3s ease}.about-image-enhanced:hover{transform:scale(1.02);box-shadow:var(--shadow-2xl),0 0 30px #3b82f633}.about-text-content{flex:1}.about-section-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:3rem;margin-bottom:2rem;box-shadow:var(--shadow-md);transition:all .3s ease}.dark .about-section-card{background:var(--bg-tertiary)}.about-section-card:hover{box-shadow:var(--shadow-lg);border-color:var(--accent-primary)}.section-title{font-size:2rem;font-weight:700;margin-bottom:2rem;background:linear-gradient(to right,var(--text-primary),var(--accent-primary));-webkit-background-clip:text;background-clip:text;color:transparent}.cv-subsection{margin-bottom:3rem}.cv-subsection:last-child{margin-bottom:0}.subsection-title{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.05em}.skill-grid-enhanced{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.skill-item-enhanced{background:var(--bg-primary);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.5rem;text-align:center;font-weight:600;transition:all .3s ease;position:relative;overflow:hidden}.dark .skill-item-enhanced{background:var(--bg-secondary)}.skill-item-enhanced:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(to right,var(--accent-primary),var(--accent-hover));opacity:0;transition:opacity .3s ease}.skill-item-enhanced:hover:before{opacity:1}.skill-item-enhanced:hover{transform:translateY(-4px);border-color:var(--accent-primary);box-shadow:var(--shadow-lg)}.skill-level{display:inline-block;background:linear-gradient(135deg,var(--accent-primary),var(--accent-hover));color:#fff;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:700;margin-bottom:.75rem;box-shadow:var(--shadow-sm)}.skill-name{font-size:1rem;color:var(--text-primary)}.language-flag{width:48px;height:48px;border-radius:var(--radius-md);margin-bottom:1rem;box-shadow:var(--shadow-sm);object-fit:cover;transition:transform .3s ease}.language-item:hover .language-flag{transform:scale(1.1)}.contact-info-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:2rem;display:flex;align-items:flex-start;gap:1.5rem;transition:all .3s ease;box-shadow:var(--shadow-sm)}.dark .contact-info-card{background:var(--bg-tertiary)}.contact-info-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent-primary)}.contact-icon-wrapper{flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f61a,#6366f11a);border-radius:var(--radius-lg);transition:all .3s ease}.contact-info-card:hover .contact-icon-wrapper{transform:scale(1.1);background:linear-gradient(135deg,#3b82f633,#6366f133)}.contact-link{color:var(--accent-primary);text-decoration:none;font-size:1.125rem;transition:all .3s ease;position:relative}.contact-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--accent-primary);transition:width .3s ease}.contact-link:hover:after{width:100%}.contact-link:hover{color:var(--accent-hover)}.contact-form-card{background:var(--bg-secondary);border:2px solid transparent;border-radius:var(--radius-xl);padding:3rem;position:relative;overflow:hidden;box-shadow:var(--shadow-md);background-image:linear-gradient(var(--bg-secondary),var(--bg-secondary)),linear-gradient(135deg,var(--accent-primary),var(--accent-hover));background-origin:border-box;background-clip:padding-box,border-box}.dark .contact-form-card{background-image:linear-gradient(var(--bg-tertiary),var(--bg-tertiary)),linear-gradient(135deg,var(--accent-primary),var(--accent-hover))}.contact-form-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#3b82f60d,#6366f10d);opacity:0;transition:opacity .3s ease;pointer-events:none}.contact-form-card:hover:before{opacity:1}.form-header{margin-bottom:2rem}.form-header h2{font-size:1.875rem;font-weight:700;margin-bottom:.75rem;background:linear-gradient(to right,var(--text-primary),var(--accent-primary));-webkit-background-clip:text;background-clip:text;color:transparent}.form-header p{color:var(--text-secondary);font-size:1rem}.form-group{position:relative;margin-bottom:1.5rem}.form-label{display:block;font-size:.875rem;font-weight:600;margin-bottom:.625rem;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;transition:color .3s ease}.form-group:focus-within .form-label{color:var(--accent-primary)}.form-input{width:100%;padding:1rem 1.25rem;border-radius:var(--radius-lg);background:var(--bg-primary);border:2px solid var(--border-subtle);color:var(--text-primary);font-size:1rem;font-family:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none;position:relative}.dark .form-input{background:#0f172a80}.form-input:focus{border-color:var(--accent-primary);background:var(--bg-primary);box-shadow:0 0 0 4px #3b82f61a,0 4px 6px -1px #0000001a;transform:translateY(-2px)}.dark .form-input:focus{background:#0f172acc;box-shadow:0 0 0 4px #3b82f633,0 4px 6px -1px #0000004d}.form-input::placeholder{color:var(--text-tertiary);opacity:.6}.form-input:focus::placeholder{opacity:.4}.form-textarea{resize:vertical;min-height:180px;font-family:inherit;line-height:1.6}.contact-submit-btn{width:100%;padding:1.125rem 2rem;background:linear-gradient(135deg,var(--accent-primary),var(--accent-hover));color:#fff;border:none;border-radius:var(--radius-lg);font-size:1.125rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #3b82f64d,0 2px 4px -1px #3b82f633;position:relative;overflow:hidden;margin-top:.5rem}.contact-submit-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff0,#fff3,#fff0);transform:translate(-100%);transition:transform .6s ease}.contact-submit-btn:hover:before{transform:translate(100%)}.contact-submit-btn:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 25px -5px #3b82f64d,0 10px 10px -5px #3b82f633}.contact-submit-btn:active{transform:translateY(-2px) scale(1.01)}.contact-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:0 4px 6px -1px #3b82f633}.contact-submit-btn:disabled:hover{transform:none;box-shadow:0 4px 6px -1px #3b82f633}.contact-submit-btn svg:last-child{transition:transform .3s cubic-bezier(.4,0,.2,1)}.contact-submit-btn:hover svg:last-child{transform:translate(6px)}.contact-submit-btn:disabled svg:last-child{transform:none}.space-y-6>*+*{margin-top:1.5rem}.filters-wrapper{display:flex;flex-direction:column;gap:1.5rem;width:100%;margin-bottom:2rem}.filters-row-2{display:flex;gap:2rem;align-items:flex-start}.tags-section{flex:2}.sort-section{flex:1;display:flex;justify-content:flex-end}@media(max-width:768px){.filters-row-2{flex-direction:column}.tags-section,.sort-section{width:100%;justify-content:flex-start}}.sort-select{appearance:none;background-color:transparent;color:var(--text-primary);border:none;font-size:.9rem;padding-right:1.5rem;cursor:pointer;outline:none}.sort-select option{background-color:var(--bg-secondary);color:var(--text-primary);padding:.5rem}.gallery-description{text-align:left;padding-right:4rem;max-width:85%;color:#fff;font-size:1rem;font-weight:500;line-height:1.625;text-shadow:0 4px 6px rgba(0,0,0,.1)}.gallery-zoom-btn{position:absolute;top:.75rem;right:.75rem;background-color:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:.5rem;border-radius:9999px;color:#fff;display:flex;align-items:center;justify-content:center;z-index:40;cursor:pointer;border:none;transition:opacity .2s ease,background-color .2s}.gallery-zoom-btn:hover{background-color:#fff;color:#000}@media(max-width:768px){.gallery-zoom-btn{opacity:1!important}}.project-nav-bar{display:flex;flex-direction:column;align-items:left;justify-content:left;gap:1.5rem;padding-bottom:3rem}@media(min-width:768px){.project-nav-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem}}.project-nav-group-center{display:flex;gap:1.5rem;justify-content:center;order:2}.project-nav-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);color:var(--text-primary);font-weight:600;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);cursor:pointer;width:100%;position:relative;overflow:hidden;white-space:nowrap}.dark .project-nav-btn{background:var(--bg-tertiary);border-color:var(--border-subtle)}.project-nav-btn:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent-primary);color:var(--accent-primary)}.project-nav-btn svg{transition:transform .3s ease}.project-nav-btn:hover svg.arrow-left{transform:translate(-4px)}.project-nav-btn:hover svg.arrow-right{transform:translate(4px)}.project-nav-btn:hover svg.icon-rotate{transform:rotate(180deg)}.project-nav-btn:hover svg.arrow-up-left{transform:translate(-2px,-2px)}.project-nav-prev{order:1;justify-self:start;margin-right:auto}.project-nav-next{order:3;justify-self:end;margin-left:auto;flex-direction:row-reverse;text-align:right}@media(max-width:768px){.project-nav-prev,.project-nav-next{width:100%;margin:0;order:unset;text-align:center;justify-content:center}.project-nav-next{flex-direction:row;flex-direction:row-reverse}.project-nav-group-center{width:100%;justify-content:space-between}.project-nav-group-center .project-nav-btn{flex:1;min-width:0;padding:1rem}}.lightbox-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10000;display:flex;align-items:center;justify-content:center;background-color:#000000d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:1;transition:opacity .3s ease}.lightbox-close-btn{position:absolute;top:2rem;right:2rem;background:#ffffff1a;border:none;border-radius:50%;padding:.75rem;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10001}.lightbox-close-btn:hover{background:#fff3;transform:scale(1.1)}.lightbox-content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;outline:none;max-width:85vw;max-height:85vh}.lightbox-content{width:95vw!important;height:95vh!important;max-width:95vw!important;max-height:95vh!important}.lightbox-content img{height:60%;object-fit:contain;border-radius:var(--radius-sm);box-shadow:var(--shadow-2xl)}.project-thumbnail-wrapper{position:relative;width:650px!important;min-width:300px!important;max-width:100%!important;margin:0 auto!important;aspect-ratio:16 / 9!important;overflow:hidden;border-radius:var(--radius-xl);background-color:var(--bg-secondary)}.project-thumbnail-image{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.group:hover .project-thumbnail-image{transform:scale(1.05)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img,video{max-width:100%;height:auto;display:block}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}