@font-face{font-family:Avant Garde Gothic Pro;src:url(/assets/ITCAvantGardePro-XLt-DFJxl21I.otf) format("opentype");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Avant Garde Gothic Pro;src:url(/assets/ITCAvantGardePro-XLtObl-DQ4-m1wa.otf) format("opentype");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:Avant Garde Gothic Pro;src:url(/assets/ITCAvantGardePro-Bk-l1BXl-oF.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Avant Garde Gothic Pro;src:url(/assets/ITCAvantGardePro-BkObl-JCV4c5SZ.otf) format("opentype");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Avant Garde Gothic Pro;src:url(/assets/ITCAvantGardePro-Md-DH963slk.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Avant Garde Gothic Pro;src:url(/assets/ITCAvantGardePro-MdObl-DvVnlinR.otf) format("opentype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Avant Garde Gothic Pro;src:url(/assets/ITCAvantGardePro-Demi-sPXMw_vO.otf) format("opentype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Avant Garde Gothic Pro;src:url(/assets/ITCAvantGardePro-DemiObl-BWfHK3ae.otf) format("opentype");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:Avant Garde Gothic Pro;src:url(/assets/ITCAvantGardePro-Bold-CDLcjQv9.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Avant Garde Gothic Pro;src:url(/assets/ITCAvantGardePro-BoldObl-DKxd60RO.otf) format("opentype");font-weight:700;font-style:italic;font-display:swap}:root{--primary-900: hsl(256, 43%, 7%);--primary-800: hsl(240, 24%, 13%);--primary-700: hsl(243, 26%, 15%);--primary-600: hsl(252, 9%, 22%);--primary-500: hsl(259, 13%, 28%);--primary-400: hsl(254, 22%, 32%);--primary-300: hsl(251, 13%, 68%);--primary-200: hsl(240, 15%, 76%);--primary-100: hsl(240, 21%, 88%);--neutral-100: hsl(0, 0%, 100%);--accent-400: hsl(93, 60%, 69%);--text-1: var(--neutral-100);--text-2: var(--primary-100);--text-3: var(--primary-200);--surface-1: var(--primary-900);--surface-2: var(--primary-800);--surface-3: var(--primary-700);--border-1: var(--primary-500);--border-2: var(--primary-600);--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2rem;--space-6: 3rem;--space-7: 4rem;--space-8: 6rem;--space-9: 10rem;--container-max: 1400px;--container-padding: clamp(1rem, 5vw, 10rem);--section-padding-block: clamp(2rem, 8vh, 8rem);--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1.5rem;--radius-xl: 2rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-smooth: .4s cubic-bezier(.25, .46, .45, .94);--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .35vw, 1rem);--text-base: clamp(1rem, .9rem + .5vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .6vw, 1.5rem);--text-xl: clamp(1.5rem, 1.2rem + 1.5vw, 2.5rem);--text-2xl: clamp(2rem, 1.5rem + 2.5vw, 4rem);--text-3xl: clamp(3rem, 2rem + 5vw, 6rem);--text-hero: clamp(4rem, 3rem + 10vw, 13vw);--color-border-light: #e0e0e0;--color-white: #ffffff;--color-black: #000000;--color-accent-purple: #bb86fc;--color-accent-purple-light: #d0a6ff;--color-text-muted: #b0b0b0;--color-dark-gray: rgb(53, 53, 53);--color-medium-gray: rgb(85, 85, 85);--color-light-gray: rgb(163, 163, 163);--color-overlay-light: rgba(255, 255, 255, .7);--color-overlay-subtle: rgba(255, 255, 255, .1);--color-shadow: rgba(0, 0, 0, .15)}body{margin:0;font: 75% Avant Garde Gothic Pro,Century Gothic,Futura,sans-serif;font-family:Avant Garde Gothic Pro,Century Gothic,Futura,sans-serif;font-weight:300;scroll-padding-top:6.5rem}h1,h2,h3,h4,h5,h6{font-weight:400}canvas{display:block}#webgl-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;contain:strict;will-change:contents}#webgl-container canvas{display:block;width:100%;height:100%;contain:strict}#particles-js{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url();background-repeat:no-repeat;background-size:cover;background-position:50% 50%;z-index:-1}body:not(.dark-mode) #particles-js{background-color:transparent}body.dark-mode #particles-js{background-color:transparent!important}*{margin:0;padding:0;text-transform:uppercase}html{scroll-behavior:smooth}html,body{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar,*::-webkit-scrollbar{width:0;height:0;display:none}html,body{cursor:none!important}*,*:before,*:after{cursor:none!important}p{color:var(--color-medium-gray)}a,.btn{transition:all .3s ease}nav,.nav-links{display:flex}nav{justify-content:space-around;align-items:center;height:17vh;position:relative;z-index:10}body #desktop-nav{position:sticky;top:3.5rem;height:auto;padding:.75rem 0;-webkit-backdrop-filter:none;backdrop-filter:none}body #desktop-nav .nav-pill{position:relative;display:inline-flex;align-items:center;padding:1rem 3rem;border-radius:9999px;background:#ffffff40;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 6px #0000000d,inset 0 1px #fff9;transition:all .3s ease}body #desktop-nav .nav-pill .nav-links{gap:2rem;font-size:1.1rem;align-items:center;list-style:none;margin:0;padding:0}body #desktop-nav .nav-pill .nav-links li,body #desktop-nav .nav-pill .nav-links a{position:relative;z-index:1}.nav-links{gap:2rem;list-style:none;font-size:1.5rem}a{color:#000;text-decoration:none;text-decoration-color:#fff}a:hover,.nav-links li a:hover{color:var(--color-medium-gray);text-decoration:none;font-weight:700}.logo{font-size:2rem}.logo:hover{cursor:default;transition:all .3s ease-in-out}#hamburger-nav{display:none}.hamburger-menu{position:relative;display:inline-block}.hamburger-icon{display:flex;flex-direction:column;justify-content:space-between;height:24px;width:30px;cursor:pointer}.hamburger-icon span{width:100%;height:2px;background-color:#000;transition:all .3s ease-in-out}.menu-links{position:absolute;top:100%;right:0;width:100vw;max-width:280px;max-height:0;overflow:hidden;transition:all .3s ease-in-out;z-index:9998;background-color:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000001a;border-radius:0 0 12px 12px;margin-top:.5rem}.menu-links a{display:block;padding:14px 20px;text-align:center;font-size:1.25rem;color:#000;text-decoration:none;transition:all .3s ease-in-out}.menu-links a:hover{background:none}.menu-links li{list-style:none;margin:0;padding:0}.menu-links.open{max-height:600px;overflow-y:auto}.hamburger-icon.open span:first-child{transform:rotate(45deg) translate(10px,5px)}.hamburger-icon.open span:nth-child(2){opacity:0}.hamburger-icon.open span:last-child{transform:rotate(-45deg) translate(10px,-5px)}.hamburger-icon span:first-child{opacity:1}.hamburger-icon span:first-child{transform:none}section{padding-top:4vh;padding-bottom:12vh;height:96vh;margin:0 auto;padding-left:var(--container-padding);padding-right:var(--container-padding);box-sizing:border-box;min-height:fit-content;position:relative;z-index:1}.section-container{display:flex}#profile.hero-section,.hero-section{display:flex;flex-direction:column;justify-content:center;align-items:center;height:90vh;min-height:auto;position:relative;overflow:hidden;text-align:center;margin:0 auto;width:100%;max-width:100%;padding-top:0;padding-bottom:0;padding-left:var(--container-padding);padding-right:var(--container-padding);box-sizing:border-box}.hero-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;width:100%;margin:0}.hero-title{font-size:13vw;line-height:.9;font-weight:400;letter-spacing:-.01em;margin:0;color:#000;text-transform:uppercase;white-space:nowrap;pointer-events:auto;will-change:transform;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}body.dark-mode .hero-title{color:var(--color-border-light)}body.dark-mode .hero-subtitle{color:#b794f6}.hero-subtitle{font-size:1.2rem;font-weight:400;letter-spacing:.5em;text-transform:uppercase;margin-top:1rem;opacity:.8}.hero-slider-container{display:none}.char{display:inline-block;opacity:0;transform:translateY(100px);will-change:transform,opacity}.section__pic-container{display:flex;height:400px;width:400px;margin:auto 0;border-radius:50%}img[src*="profile.png"]{border:1px solid #000;border-radius:50%;object-fit:fill;width:400px;height:400px;background:linear-gradient(45deg,#00000080,#ffffff80);filter:grayscale(100%)}.section__text{align-self:center;text-align:center}.section__text p{font-weight:600}.section__text__p1{padding-top:0;text-align:center}.section__text__p2{font-size:2rem;margin-bottom:1rem;font-weight:300!important;letter-spacing:.02em}.title{font-size:clamp(3.5rem,10vw,6rem);text-align:center;font-weight:400;letter-spacing:-.02em;line-height:1.1;margin-top:.5rem;padding-top:.25em;overflow:visible}#socials-container{display:flex;justify-content:center;margin-top:1rem;gap:1rem}.icon{cursor:pointer;height:2rem}.btn-container{display:flex;justify-content:center;gap:1rem}.btn{font-weight:400;transition:all .3s ease;padding:1rem;width:8rem;border-radius:2rem}.btn-color-1,.btn-color-2{border:var(--color-dark-gray) .1rem solid}.btn-color-1:hover,.btn-color-2:hover{cursor:pointer}.btn-color-1,.btn-color-2:hover{background:var(--color-dark-gray);color:#fff}.btn-color-1:hover{background:#000}.btn-color-2{background:none}.btn-color-2:hover{border:rgb(255,255,255) .1rem solid}.btn-container{gap:1rem}#about{position:relative}#about.about-minimal{display:flex;align-items:center}.about-minimal-grid{display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,2fr);align-items:center;gap:5rem;width:100%;min-height:70vh;max-width:2000px;margin:0 auto}.about-minimal-heading,.about-minimal-text{align-self:center}.about-minimal-heading h1{font-size:clamp(3.5rem,10vw,9rem);line-height:1.1;letter-spacing:-.04em;text-align:right;text-transform:uppercase;font-weight:400;padding-top:.25em;overflow:visible;animation:about-heading-blink 2.5s ease-in-out infinite;text-shadow:0 0 0 rgba(0,0,0,0)}@keyframes about-heading-blink{0%,to{opacity:1;text-shadow:0 0 0 rgba(0,0,0,0)}50%{opacity:.5;text-shadow:0 0 18px rgba(0,0,0,.1)}}.about-minimal-heading:hover h1{animation-play-state:paused;opacity:1}@media (prefers-reduced-motion: reduce){.about-minimal-heading h1{animation:none}}.about-minimal-text{display:flex;flex-direction:column;align-items:center;gap:1.5rem;max-width:46rem;text-align:center}.about-minimal-text p{font-size:1.05rem;line-height:1.85;text-align:justify;text-transform:uppercase}body:not(.dark-mode) .about-minimal-text a{font-weight:600}body.dark-mode .about-minimal-text p{color:var(--color-text-muted)}.about-minimal-heading{position:relative;cursor:pointer}.about-profile-reveal{position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;width:calc(100% + 20px);height:calc(100% + 20px);overflow:hidden;border-radius:0;opacity:0;transform:scale(.95);transition:opacity .4s ease,transform .4s ease;pointer-events:none;z-index:10;background-color:#f5f5f5}body.dark-mode .about-profile-reveal{background-color:#1a1a1a}.about-minimal-heading:hover .about-profile-reveal{opacity:1;transform:scale(1);pointer-events:auto}.about-profile-img{width:100%;height:auto;min-height:100%;object-fit:cover;position:absolute;top:0;left:0;transition:transform .2s ease-out;--pan-y: 0%;transform:translateY(var(--pan-y))}body.dark-mode .about-profile-reveal{box-shadow:0 10px 40px #00000080}body:not(.dark-mode) .about-profile-reveal{box-shadow:0 10px 40px #00000026}#experience.skills-creative{padding:var(--space-8) 0;margin:0 auto;width:100%;max-width:100%;min-height:auto;height:auto;padding-left:var(--container-padding);padding-right:var(--container-padding);box-sizing:border-box}.skills-header{text-align:center;margin-bottom:4rem}.skills-header-content{max-width:800px;margin:0 auto}.skills-label{font-size:.9rem;text-transform:uppercase;letter-spacing:.3em;color:#666;display:block;margin-bottom:1rem}body.dark-mode .skills-label{color:#888}.skills-title{font-size:clamp(4rem,12vw,10rem);line-height:1.1;letter-spacing:-.04em;text-transform:uppercase;font-weight:400;margin-bottom:1.5rem;margin-top:.5rem;padding-top:.25em;background:linear-gradient(135deg,#1a1a1a,#444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;overflow:visible}body.dark-mode .skills-title{background:linear-gradient(135deg,#fff,#aaa);-webkit-background-clip:text;background-clip:text}.skills-subtitle{font-size:1.1rem;line-height:1.8;color:#555;text-transform:uppercase;max-width:600px;margin:0 auto}body.dark-mode .skills-subtitle{color:#999}.skills-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2rem;max-width:1400px;margin:0 auto;justify-items:center}.skill-category{background:#ffffff4d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.08);border-radius:24px;padding:2rem;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;opacity:0;transform:translateY(30px);animation:fadeInUp .6s ease forwards}.skill-category:nth-child(1){animation-delay:.1s}.skill-category:nth-child(2){animation-delay:.2s}.skill-category:nth-child(3){animation-delay:.3s}.skill-category:nth-child(4){animation-delay:.4s}.skill-category:nth-child(5){animation-delay:.5s}.skill-category:nth-child(6){animation-delay:.6s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.skill-category:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#00000026;opacity:0;transition:opacity .3s ease}body.dark-mode .skill-category:before{background:#fff3}.skill-category:hover{transform:translateY(-8px);box-shadow:0 20px 60px #0000001f;border-color:#00000026}.skill-category:hover:before{opacity:1}body.dark-mode .skill-category{background:#1e1e2333;border-color:#ffffff1a}body.dark-mode .skill-category:hover{box-shadow:0 20px 60px #0006;border-color:#fff3}.category-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;margin-bottom:1.5rem}.category-icon{width:70px;height:70px;flex-shrink:0}.category-icon img{width:100%;height:100%;object-fit:contain;filter:grayscale(100%) brightness(.2);transition:filter .3s ease}body.dark-mode .category-icon img{filter:brightness(0) invert(1)}.category-info h3{font-size:1.25rem;font-weight:600;margin:0;text-transform:uppercase;letter-spacing:.02em}.category-tag{display:none}body.dark-mode .category-tag{background:#ffffff1a;color:#aaa}.category-description{font-size:.9rem;line-height:1.7;color:#555;margin-bottom:1.5rem;text-align:center}body.dark-mode .category-description{color:#999}.skill-items{display:none}.skill-item{display:flex;flex-direction:column;gap:.4rem}.skill-name{font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:.02em}.skill-bar{height:6px;background:#00000014;border-radius:10px;overflow:hidden;position:relative}body.dark-mode .skill-bar{background:#ffffff1a}.skill-progress{height:100%;width:var(--progress);background:linear-gradient(90deg,#667eea,#764ba2);border-radius:10px;position:relative;transform-origin:left;animation:progressLoad 1s ease forwards;transform:scaleX(0)}@keyframes progressLoad{to{transform:scaleX(1)}}.skill-category[data-category=ai] .skill-progress{background:linear-gradient(90deg,#3776ab,#ffd43b)}.skill-category[data-category=frontend] .skill-progress{background:linear-gradient(90deg,#61dafb,#764ba2)}.skill-category[data-category=backend] .skill-progress{background:linear-gradient(90deg,#092e20,#44b78b)}.skill-category[data-category=devops] .skill-progress{background:linear-gradient(90deg,#2496ed,#f90)}.skill-category[data-category=database] .skill-progress{background:linear-gradient(90deg,#00758f,#f29111)}.skill-category[data-category=languages] .skill-progress{background:linear-gradient(90deg,#00599c,#ed8b00)}.category-tech-icons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;padding-top:0}.category-tech-icons img{width:var(--tech-icon-size, 50px);height:var(--tech-icon-size, 50px);object-fit:contain;filter:grayscale(100%) brightness(.2);transition:transform .3s ease,filter .3s ease}.category-tech-icons img.tech-icon--xs{width:36px;height:36px}.category-tech-icons img.tech-icon--sm{width:42px;height:42px}.category-tech-icons img.tech-icon--md{width:50px;height:50px}.category-tech-icons img.tech-icon--lg{width:60px;height:60px}.category-tech-icons img.tech-icon--xl{width:70px;height:70px}body.dark-mode .category-tech-icons img{filter:brightness(0) invert(1)}.category-tech-icons img:hover{transform:scale(1.2) rotate(5deg)}@media screen and (max-width: 900px){#experience.skills-creative{padding:4rem 1.5rem}.skills-title{font-size:clamp(3rem,15vw,6rem)}.skills-container{grid-template-columns:1fr;gap:1.5rem}.skill-category{padding:1.5rem}.category-tech-icons img{width:40px;height:40px}.category-icon{width:60px;height:60px}}@media screen and (max-width: 600px){.skills-header{margin-bottom:2rem}.skills-subtitle{font-size:.95rem}.category-header{flex-wrap:wrap}.skill-bar{height:5px}}.about-containers{gap:2rem;margin-bottom:2rem;margin-top:0}.about-details-container{justify-content:center;flex-direction:column}.about-containers,.about-details-container{display:flex}.about-pic{border-radius:2rem;filter:grayscale(100%)}.arrow{position:absolute;right:-5rem;bottom:2.5rem}.details-container{padding:1.5rem;flex:1;background:#fff;border-radius:2rem;border:var(--color-dark-gray) .21rem solid;border-color:var(--color-light-gray);text-align:center}.section-container{gap:4rem;height:80%}.section__pic-container{height:400px;width:400px;margin:auto 0}.text-container{margin:1rem 0;line-height:1.6;font-size:1rem;font-stretch:wider}@media screen and (max-width: 900px){.about-minimal-grid{grid-template-columns:1fr;gap:2rem}.about-minimal-heading h1{text-align:center}.about-minimal-text{max-width:100%}.about-minimal-text p{text-align:center}.about-profile-reveal{display:none}}#experience{position:relative}.experience-sub-title{color:var(--color-medium-gray);font-weight:300;font-size:1.75rem;margin-bottom:2rem}.experience-details-container{display:flex;justify-content:center;flex-direction:column;contain:layout}.article-container{display:flex;text-align:initial;flex-wrap:wrap;flex-direction:row;gap:1.5rem;justify-content:space-around;padding:1rem;contain:layout}article{display:flex;width:10rem;justify-content:flex-start;align-items:center;gap:1rem;padding:.5rem;will-change:auto;contain:layout style}article .icon{cursor:default}article div:last-child{display:flex;flex-direction:column;justify-content:center}article h3{margin:0 0 .25rem;font-size:1rem;font-weight:400;color:#1f2937}article p{margin:0;font-size:.875rem;font-weight:500;padding:.15rem .5rem;border-radius:12px;background-color:#f3f4f6;color:#374151;border:1px solid #e5e7eb;text-align:center;width:fit-content}body.dark-mode article h3{color:#f1f5f9}body.dark-mode article p{background-color:#374151;color:#f1f5f9;border-color:#4b5563}.experience-details-container .icon{width:2.5rem;height:2.5rem;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;cursor:default;position:relative;transition:transform .3s cubic-bezier(.25,.46,.45,.94),background .3s cubic-bezier(.25,.46,.45,.94),box-shadow .3s cubic-bezier(.25,.46,.45,.94),border-color .3s cubic-bezier(.25,.46,.45,.94);box-shadow:0 4px 12px #00000026;flex-shrink:0;border:2px solid #000000;will-change:transform;backface-visibility:hidden;transform:translateZ(0);contain:layout style paint}.experience-details-container .icon:before{content:"⚙";font-size:18px;color:#000;font-weight:700;will-change:auto}.experience-details-container .icon:hover{background:#000;transform:scale(1.05) rotate(90deg) translateZ(0);box-shadow:0 8px 20px #0000004d;border-color:#000}.experience-details-container .icon:hover:before{color:#fff}body.dark-mode .experience-details-container .icon{background:#000;border-color:#fff}body.dark-mode .experience-details-container .icon:before{color:#fff}body.dark-mode .experience-details-container .icon:hover{background:#fff;box-shadow:0 8px 20px #ffffff4d;border-color:#000}body.dark-mode .experience-details-container .icon:hover:before{color:#000}.experience-details-container img.icon{display:none}#projects{position:relative}.color-container{border-color:var(--color-light-gray);background:#fafafa33;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}.project-img{border-radius:2rem;width:90%;height:90%;aspect-ratio:1 / 1;object-fit:cover;filter:grayscale(100%);transition:transform .3s cubic-bezier(.25,.46,.45,.94),filter .3s cubic-bezier(.25,.46,.45,.94);will-change:transform,filter;backface-visibility:hidden;transform:translateZ(0)}.project-img:hover{transform:scale(1.03) translateZ(0);filter:grayscale(0%)}.project-title{margin:1rem;color:#000}.project-btn{color:#000;border-color:var(--color-light-gray)}#contact{display:flex;justify-content:center;flex-direction:column;height:70vh}#contact-social{display:flex;align-items:center;justify-content:center;height:auto;min-height:0;padding:20rem 0;margin:0 auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}.contact-info-upper-container{display:flex;justify-content:center;border-radius:2rem;border:var(--color-dark-gray) .1rem solid;border-color:var(--color-light-gray);background:#fafafa;margin:0;padding:1.5rem;max-width:60rem;width:fit-content;flex-wrap:wrap}body.dark-mode .contact-info-upper-container{background:#111;border-color:#444}.resume-icon{height:2.1 rem}.hero-hover-images{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden;contain:layout paint}.hero-content{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;pointer-events:none}.hero-title{pointer-events:auto}.hover-reveal-img{position:absolute;top:0;left:0;width:250px;height:350px;object-fit:cover;opacity:0;pointer-events:none;will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0) scale(.8);transform-origin:50% 50%;contain:layout style paint;content-visibility:auto;image-rendering:-webkit-optimize-contrast;-webkit-font-smoothing:antialiased}.hero-title .char{cursor:default;position:relative;z-index:11}.contact-info-container{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:1rem}.contact-info-container p{font-size:larger}.contact-icon{cursor:default}.email-icon{height:2.5rem}.ig-icon{height:1.75rem}.k-icon{height:1.85rem}footer.ariostea-footer{position:relative;width:100%;min-height:auto;padding:5rem 8vw 2rem;background:#000;color:#fff;overflow:hidden;z-index:1;box-sizing:border-box}.footer-brand-bg{position:absolute;bottom:10%;left:50%;transform:translate(-50%);font-size:clamp(6rem,18vw,20rem);font-weight:800;letter-spacing:-.02em;line-height:.85;color:#ffffff0a;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;text-align:center}.footer-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:3.5rem;position:relative;z-index:1}.footer-tagline{font-size:clamp(2.25rem,5vw,3.5rem);font-weight:400;letter-spacing:.06em;line-height:1.1;margin:0;max-width:65%}.footer-back-to-top{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:#fff;color:#000;border:none;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);flex-shrink:0}.footer-back-to-top:hover{background:var(--color-border-light);transform:translateY(-4px)}.footer-back-to-top svg{width:24px;height:24px}.footer-content{display:grid;grid-template-columns:1fr 2fr 1fr;gap:3rem;margin-bottom:3.5rem;position:relative;z-index:1}.footer-column{display:flex;flex-direction:column}.footer-column-title{font-size:1.25rem;font-weight:400;letter-spacing:.08em;margin-bottom:1.25rem;color:#fff;text-transform:uppercase}.footer-address{font-style:normal;font-size:1.1rem;line-height:1.9;letter-spacing:.04em;color:#ffffffb3}.footer-arrow{color:#fff6;margin-right:.25rem}.footer-nav-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,auto);grid-auto-flow:column;gap:1rem 2.5rem;list-style:none;padding:0;margin:0}.footer-nav-grid li a{font-size:1.1rem;color:#ffffffb3;letter-spacing:.04em;text-decoration:none;transition:all .2s ease;display:inline-block}.footer-nav-grid li a:hover{color:#fff;transform:translate(4px)}.footer-social-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,auto);grid-auto-flow:column;gap:.9rem 2rem;list-style:none;padding:0;margin:0}.footer-social-list li a{font-size:1.1rem;color:#ffffffb3;letter-spacing:.04em;text-decoration:none;transition:all .2s ease;display:inline-block}.footer-social-list li a:hover{color:#fff;transform:translate(4px)}.footer-hate-section{margin:3rem 0;position:relative;z-index:1}.footer-hate-title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:250;letter-spacing:.06em;margin:0 0 .75rem;line-height:1.1}.footer-hate-gray{color:#ffffff40}.footer-hate-red{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:375;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:inline-block;position:relative}.footer-hate-red:hover{transform:scale(1.11);letter-spacing:.33em}.footer-hate-red:active{transform:scale(.98)}body.dark-mode .footer-hate-red{color:var(--color-accent-purple)}.footer-hate-subtitle{font-size:clamp(1rem,1vw,1.35rem);font-weight:250;letter-spacing:.08em;color:#ffffffb3;margin:0;line-height:1.5}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;position:relative;z-index:1;flex-wrap:wrap;gap:1rem}.footer-bottom:before{content:"";position:absolute;top:.5rem;left:50%;transform:translate(-50%);width:100vw;height:1px;background:#ffffff1a;pointer-events:none}.footer-copyright,.footer-legal a,.footer-sponsor-link,.footer-separator{display:inline-flex;align-items:center;font-size:.85rem;letter-spacing:.1em;color:#ffffff80;text-decoration:none;background:none;border:none;padding:0;font-family:inherit;font-weight:inherit;cursor:pointer;transition:color .2s ease;text-transform:uppercase}.footer-copyright:hover,.footer-legal a:hover,.footer-sponsor-link:hover{color:#fff}.footer-legal{display:flex;align-items:center;gap:.5rem}.footer-left-section{display:inline-flex;align-items:center;gap:1rem}.footer-sponsor-link svg{transition:transform .2s ease}.footer-sponsor-link:hover svg{transform:scale(1.2)}.footer-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:99999;opacity:0;pointer-events:none;transition:opacity .2s ease}.footer-modal.is-open{opacity:1;pointer-events:auto}.footer-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.footer-modal__content{position:relative;z-index:1;width:min(90vw,560px);background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:2rem 2.5rem;box-shadow:0 20px 60px #0003;text-align:left}.footer-modal__content h3{margin-bottom:1rem;font-size:1.4rem;letter-spacing:.08em}.footer-modal__content p{margin:0 0 1rem;font-size:.95rem;letter-spacing:.03 rem;line-height:1.7}.footer-modal__close{position:absolute;top:1rem;right:1rem;border:none;background:transparent;font-size:1.2rem;cursor:pointer;color:inherit}body.dark-mode .footer-modal__content{background:#0d0d0d;border-color:#ffffff1f;color:var(--color-border-light)}@media (max-width: 1024px){footer.ariostea-footer{padding:4rem 3rem 2rem}.footer-content{grid-template-columns:1fr 1fr;gap:3rem}.footer-identity{grid-column:1 / -1}.footer-tagline{max-width:70%}}@media (max-width: 768px){footer.ariostea-footer{padding:3rem 1.5rem 1.5rem}.footer-header{flex-direction:column;gap:2rem;margin-bottom:3rem}.footer-tagline{max-width:100%;font-size:1.75rem}.footer-back-to-top{width:48px;height:48px}.footer-content{grid-template-columns:1fr;gap:2.5rem}.footer-identity{grid-column:auto}.footer-nav-grid{grid-template-columns:repeat(2,1fr)}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}.footer-brand-bg{font-size:6rem;bottom:0}}img[src*=mapmitra],img[src*=cleanify],img[src*=facetrack],img[src*=cleantex],img[src*=attendify],img[src*=sonik]{border:1px solid #000}body.dark-mode{background-color:#000;color:var(--color-border-light)}body.dark-mode p,body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode .title,body.dark-mode .section__text p{color:var(--color-border-light)}body.dark-mode nav{background-color:transparent}body.dark-mode .logo,body.dark-mode .nav-links li a{color:var(--color-border-light)}body.dark-mode .nav-links li a:hover{color:var(--color-accent-purple);text-decoration:none;font-weight:700}body.dark-mode #desktop-nav .nav-pill{background:linear-gradient(135deg,#18181ebf,#0a0a0e59);border:1px solid rgba(183,148,246,.4);box-shadow:0 18px 45px #05050a80,0 0 20px #b794f626,inset 0 1px #b794f633,inset 0 -1px #00000059}body.dark-mode #desktop-nav .nav-links a,body.dark-mode #desktop-nav .nav-links li{color:#ececf4f2}body.dark-mode .menu-links a{color:var(--color-border-light)}body.dark-mode .menu-links{background-color:#1e1e1efa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d}body.dark-mode .menu-links a:hover{color:var(--color-accent-purple);text-decoration-color:var(--color-accent-purple)}body.dark-mode section{background-color:transparent}body.dark-mode .details-container,body.dark-mode .color-container{background:#1e1e1e4d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-color:#333}body.dark-mode .btn,body.dark-mode .btn-color-1,body.dark-mode .btn-color-2{border:.1rem solid #bb86fc;color:var(--color-border-light);transition:all .3s ease}body.dark-mode .btn-color-1{background:#333}body.dark-mode .btn-color-2{background:transparent}body.dark-mode .btn-color-1:hover,body.dark-mode .btn-color-2:hover{background:#444;border-color:var(--color-accent-purple-light);color:var(--color-border-light)}body.dark-mode footer.ariostea-footer{background-color:#000;color:#fff;margin:0!important;width:100%}body.dark-mode footer.ariostea-footer a,body.dark-mode .footer-nav-grid li a,body.dark-mode .footer-social-list li a,body.dark-mode .footer-legal a{color:#ffffffb3}body.dark-mode footer.ariostea-footer a:hover,body.dark-mode .footer-nav-grid li a:hover,body.dark-mode .footer-social-list li a:hover,body.dark-mode .footer-legal a:hover{color:#fff}body.dark-mode a{color:var(--color-accent-purple)}body.dark-mode a:hover{color:var(--color-accent-purple-light);text-decoration-color:var(--color-accent-purple-light)}#dark-mode-toggle{background-color:#1e1e1e;color:var(--color-border-light);border:.1rem solid #bb86fc;border-radius:2rem;padding:.5rem 1rem;font-size:1rem;cursor:pointer;transition:all .3s ease}#dark-mode-toggle:hover{background-color:#333;border-color:var(--color-accent-purple-light)}body.dark-mode img[src*="profile.png"],body.dark-mode img[src*=mapmitra],body.dark-mode img[src*=cleanify],body.dark-mode img[src*=facetrack],body.dark-mode img[src*=cleantex],body.dark-mode img[src*=sonik]{border:1px solid #444444}body.dark-mode img[src*="profile.png"]{filter:grayscale(100%)}.nav-links li.dark-mode-toggle,.nav-links li.music-nav-toggle{cursor:pointer;transition:color .3s ease,transform .2s ease}.nav-links li.dark-mode-toggle:hover,.nav-links li.music-nav-toggle:hover{color:var(--color-medium-gray);transform:translateY(-2px)}body.dark-mode .nav-links li.dark-mode-toggle:hover,body.dark-mode .nav-links li.music-nav-toggle:hover{color:var(--color-accent-purple)}body.dark-mode .icon:not([src*=checkmark]):not(.experience-details-container .icon){filter:brightness(0) invert(1)}body.dark-mode .hamburger-icon span{background-color:var(--color-border-light)}.details-container{transition:transform .3s cubic-bezier(.25,.46,.45,.94),box-shadow .3s cubic-bezier(.25,.46,.45,.94);will-change:transform,box-shadow;backface-visibility:hidden;transform:translateZ(0)}.details-container:hover{transform:translate3d(0,-5px,0);box-shadow:0 5px 15px #0000004d}.btn{box-shadow:0 2px 4px #0000001a;transition:box-shadow .3s cubic-bezier(.25,.46,.45,.94),transform .3s cubic-bezier(.25,.46,.45,.94);will-change:box-shadow,transform;backface-visibility:hidden;transform:translateZ(0)}.btn:hover{box-shadow:0 4px 8px #0003}.fade-in{opacity:0;animation:fadeInAnimation 1s forwards}@keyframes fadeInAnimation{to{opacity:1}}.slide-up{opacity:0;transform:translateY(20px);animation:slideUpAnimation .8s forwards}@keyframes slideUpAnimation{to{opacity:1;transform:translateY(0)}}.btn,.details-container{transition:transform .3s ease,box-shadow .3s ease}.btn:hover,.details-container:hover{transform:translate3d(0,-3px,0);box-shadow:0 4px 10px #0003}.icon{transition:transform .3s cubic-bezier(.25,.46,.45,.94);will-change:transform;backface-visibility:hidden;transform:translateZ(0)}.icon:hover{transform:scale(1.05) translateZ(0)}@media (hover: hover) and (pointer: fine){body{cursor:none}}#custom-cursor{width:20px;height:20px;border:2px solid #000000!important;border-radius:50%;position:fixed;pointer-events:none;z-index:99999;transform:translate(-50%,-50%);transition:width .3s,height .3s,border-color .3s}@media (hover: none) and (pointer: coarse),(max-width: 768px){#custom-cursor{display:none!important}}body.dark-mode #custom-cursor{border-color:#bb86fc!important}#custom-cursor.cursor-in-footer,body.dark-mode #custom-cursor.cursor-in-footer{border-color:#fff!important}@media (hover: hover) and (pointer: fine){*,*:before,*:after,html,body,a,button,input,textarea,select,div,span,img{cursor:none!important}a:hover,button:hover,input:hover,textarea:hover,select:hover,[onclick]:hover,[role=button]:hover{cursor:none!important}}.image{position:relative;width:600px;height:400px;overflow:hidden;border-radius:12%}.image img{position:absolute;width:100%;height:100%;object-fit:cover;transform:scale(var(--zoom, 1)) translateZ(0);transform-origin:var(--x, 50%) var(--y, 50%);transition:transform .2s cubic-bezier(.25,.46,.45,.94);will-change:transform;backface-visibility:hidden;-webkit-font-smoothing:subpixel-antialiased}.image:hover{--zoom: 1.15}#timeline-section{padding-top:calc(4vh + 6rem);min-height:100vh;margin:0 10rem;box-sizing:border-box;padding-bottom:8vh}.timeline-container{display:flex;justify-content:center;padding:3rem 0;margin:2rem auto;max-width:900px}.timeline{position:relative;width:100%;padding:2rem 0}.timeline:before{content:"";position:absolute;left:200px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--color-dark-gray) 0%,var(--color-light-gray) 50%,var(--color-dark-gray) 100%);z-index:1}.timeline-item{position:relative;width:100%;margin-bottom:3.5rem;display:flex;align-items:flex-start;min-height:70px}.timeline-date{width:150px;text-align:right;padding-right:35px;padding-top:2px;font-weight:600;font-size:.95rem;color:var(--color-medium-gray);white-space:nowrap;transition:color .3s cubic-bezier(.25,.46,.45,.94);flex-shrink:0;position:relative;z-index:3}.timeline-item:hover .timeline-date{color:var(--color-dark-gray)}.timeline-dot{position:absolute;left:192px;top:3px;width:16px;height:16px;background-color:var(--color-dark-gray);border:3px solid white;border-radius:50%;z-index:2;transition:transform .3s cubic-bezier(.25,.46,.45,.94),background-color .3s cubic-bezier(.25,.46,.45,.94),border-color .3s cubic-bezier(.25,.46,.45,.94),box-shadow .3s cubic-bezier(.25,.46,.45,.94);box-shadow:0 0 0 4px #3535351a;will-change:transform;backface-visibility:hidden;transform:translateZ(0)}.timeline-item:hover .timeline-dot{transform:scale(1.08) translateZ(0);background-color:#6e00f5;border-color:var(--color-accent-purple);box-shadow:0 0 8px #6e00f54d}.timeline-content{padding-left:50px;flex:1;background:transparent;border:none;transition:transform .3s cubic-bezier(.25,.46,.45,.94);position:relative;z-index:3;will-change:transform;backface-visibility:hidden;transform:translateZ(0)}.timeline-content h3{font-size:1.3rem;font-weight:600;color:var(--color-dark-gray);margin:0 0 .6rem;line-height:1.3;transition:color .3s cubic-bezier(.25,.46,.45,.94)}.timeline-content p{font-size:.95rem;line-height:1.65;color:var(--color-medium-gray);margin:0;transition:color .3s cubic-bezier(.25,.46,.45,.94)}.timeline-item:hover .timeline-content{transform:translate3d(5px,0,0)}body.dark-mode .timeline:before{background:linear-gradient(180deg,#e0e0e0,#b0b0b0,#e0e0e0)}body.dark-mode .timeline-dot{background-color:var(--color-border-light);border-color:#1e1e1e;box-shadow:0 0 0 4px #e0e0e033}body.dark-mode .timeline-item:hover .timeline-dot{transform:scale(1.08) translateZ(0);background-color:var(--color-accent-purple);border-color:var(--color-accent-purple-light);box-shadow:0 0 8px #bb86fc4d}body.dark-mode .timeline-date{color:var(--color-text-muted)}body.dark-mode .timeline-item:hover .timeline-date,body.dark-mode .timeline-content h3{color:var(--color-border-light)}body.dark-mode .timeline-content p{color:var(--color-text-muted)}@media screen and (max-width: 768px){#timeline-section{padding-top:calc(4vh + 5rem);margin:0 2rem}.timeline:before{left:30px}.timeline-dot{left:22px}.timeline-item{flex-direction:column;margin-bottom:3rem}.timeline-date{width:100%;text-align:left;padding:0 0 .6rem 65px}.timeline-content{padding-left:65px}.timeline-content h3{font-size:1.2rem;margin-bottom:.5rem}.timeline-content p{font-size:.9rem}}@media screen and (max-width: 480px){#timeline-section{padding-top:calc(4vh + 4.5rem);margin:0 1rem}.timeline:before{left:20px}.timeline-dot{left:12px;width:14px;height:14px}.timeline-item{margin-bottom:2.5rem}.timeline-date{padding-left:50px;font-size:.85rem;padding-bottom:.5rem}.timeline-content{padding-left:50px}.timeline-content h3{font-size:1.1rem;margin-bottom:.4rem}.timeline-content p{font-size:.85rem;line-height:1.55}}.visitor-map-section{padding-top:4vh;padding-bottom:4rem;padding-left:0;padding-right:0;text-align:center;position:relative;overflow:visible;margin:0 auto;padding-left:clamp(1rem,5vw,10rem);padding-right:clamp(1rem,5vw,10rem);box-sizing:border-box}.map-contact-container{display:grid;grid-template-columns:1fr 1fr;gap:3rem;max-width:100%;margin:2rem auto;align-items:stretch;--panel-min-height: 560px}.section-crosshair{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:0;--crosshair-color: rgba(0, 0, 0, .5)}body.dark-mode .section-crosshair{--crosshair-color: rgba(255, 255, 255, .35)}.section-crosshair.is-active{opacity:1}.section-crosshair-line{position:absolute;background:var(--crosshair-color)}.section-crosshair-line.horizontal{height:1px;width:100vw;left:0;top:var(--crosshair-y, 50%)}.section-crosshair-line.vertical{width:1px;height:100vh;top:0;left:var(--crosshair-x, 50%)}.subsection-title{font-size:1.5rem;font-weight:500;text-transform:uppercase;letter-spacing:1px;margin-bottom:1.5rem;text-align:center;color:#000}body.dark-mode .subsection-title{color:#fff}.visitor-map-wrapper,.contact-form-wrapper{display:flex;flex-direction:column;height:100%;min-height:var(--panel-min-height)}@media screen and (max-width: 1200px){.map-contact-container{grid-template-columns:1fr;gap:2rem}}.visitor-map-container{width:100%;flex:1;height:100%;min-height:var(--panel-min-height);padding:2rem 2rem 2.5rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(0,0,0,.1);transition:all .3s ease;box-sizing:border-box;display:flex;flex-direction:column}.visitor-map-container:hover{border-color:#0003;box-shadow:0 8px 32px #00000014}#visitor-globe{width:100%;flex:1;position:relative}.visitor-stats{display:flex;justify-content:center;gap:2rem;padding:1.5rem;flex-wrap:wrap;background:transparent}.stat-item{text-align:center;padding:.8rem 1.5rem;background:#fffc;border-radius:8px;border:1px solid rgba(0,0,0,.08);transition:all .3s ease}.stat-item:hover{background:#fffffff2;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.stat-number{font-size:1.8rem;font-weight:200;color:#000;display:block;margin-bottom:.3rem}.stat-label{font-size:.75rem;opacity:.7;text-transform:uppercase;letter-spacing:1px}body.dark-mode .visitor-map-container{background:#ffffff05;border-color:#bb86fc33}body.dark-mode .visitor-map-container:hover{border-color:#bb86fc80;box-shadow:0 8px 32px #bb86fc26}body.dark-mode .visitor-stats{background:transparent}body.dark-mode .stat-item{background:#bb86fc14;border-color:#bb86fc26}body.dark-mode .stat-item:hover{background:#bb86fc26;box-shadow:0 4px 12px #bb86fc1a}body.dark-mode .stat-number{color:#f0f0f0}.contact-form-container{width:100%;flex:1;height:100%;min-height:var(--panel-min-height);padding:2rem 2rem 2.5rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(0,0,0,.1);transition:all .3s ease;box-sizing:border-box;display:flex;flex-direction:column}.contact-form-container:hover{border-color:#0003;box-shadow:0 8px 32px #00000014}.form-group{margin-bottom:1.5rem;width:100%;box-sizing:border-box}.form-label{display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px;color:#333}.form-input,.form-textarea,.form-select{width:100%;padding:.8rem 1rem;border:1px solid rgba(0,0,0,.15);border-radius:8px;background:#ffffff80;font-family:Poppins,sans-serif;font-size:.95rem;transition:all .3s ease;color:#333;cursor:none!important;box-sizing:border-box}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:#000;background:#fffc;box-shadow:0 0 0 3px #0000000d}.form-textarea{min-height:200px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%;box-sizing:border-box}.submit-btn{width:100%;padding:1rem;background:transparent;color:#000;border:2px solid #000000;border-radius:8px;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:none!important;transition:all .3s ease;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.submit-btn:hover{background:#0000000d;transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{opacity:.6;cursor:not-allowed!important}.submit-btn .btn-text{position:relative;z-index:1}.submit-btn .btn-loader{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.submit-btn.loading .btn-text{opacity:0}.submit-btn.loading .btn-loader{display:block}.loader-spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.form-message{margin-top:.75rem;margin-bottom:0;padding:0;font-size:.85rem;text-align:center;display:none;font-weight:300;letter-spacing:.02em}.form-message.success{color:#000}.form-message.error{color:#f44336}.form-message.show{display:block;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.char-count{font-size:.75rem;color:#666;text-align:right;margin-top:.3rem}body.dark-mode .contact-form-container{background:#ffffff05;border-color:#bb86fc33}body.dark-mode .contact-form-container:hover{border-color:#bb86fc66;box-shadow:0 8px 32px #bb86fc1a}body.dark-mode .form-label{color:var(--color-border-light)}body.dark-mode .form-input,body.dark-mode .form-textarea,body.dark-mode .form-select{background:#ffffff0d;border-color:#bb86fc33;color:var(--color-border-light)}body.dark-mode .form-input:focus,body.dark-mode .form-textarea:focus,body.dark-mode .form-select:focus{border-color:var(--color-accent-purple);background:#ffffff14;box-shadow:0 0 0 3px #bb86fc1a}body.dark-mode .submit-btn{color:#fff;border-color:var(--color-accent-purple);background:transparent}body.dark-mode .submit-btn:hover{background:#bb86fc1a;border-color:var(--color-accent-purple-light)}body.dark-mode .char-count{color:var(--color-text-muted)}body.dark-mode .form-message.success{color:var(--color-accent-purple)}body.dark-mode .form-message.error{color:#e57373}@media screen and (max-width: 1200px){.visitor-map-section{padding:3rem 1.5rem;margin:0 5%}.map-contact-container{gap:2rem}}@media screen and (max-width: 768px){.visitor-map-section{padding:2rem 1rem 1rem;margin:0 5%}.map-contact-container{display:flex!important;flex-direction:column!important;gap:3rem!important;padding:0!important;width:100%!important}.visitor-map-wrapper{width:100%!important;margin-bottom:2rem!important}.contact-form-wrapper{width:100%!important;margin-top:2rem!important}.subsection-title{font-size:1.3rem;margin-bottom:1rem}.visitor-map-container{height:300px;min-height:300px}.visitor-stats{flex-direction:column;gap:1rem;padding:1rem}.stat-item{padding:.8rem 1.5rem;width:100%;box-sizing:border-box}.stat-number{font-size:1.5rem}.stat-label{font-size:.75rem}.nav-music-player{bottom:.75rem!important;left:.75rem!important;right:auto!important;width:240px!important;max-width:240px!important;padding:1rem!important;font-size:.85rem!important;box-sizing:border-box!important}.track-info{margin-bottom:.8rem!important}.track-name{font-size:.8rem!important}.track-artist,.player-title{font-size:.7rem!important}.player-controls{gap:.8rem!important;margin-bottom:.8rem!important}.control-btn{padding:.4rem!important;width:36px!important;height:36px!important}.control-btn svg{width:16px!important;height:16px!important}.control-btn.play-pause{width:42px!important;height:42px!important}.control-btn.play-pause svg{width:20px!important;height:20px!important}.volume-control{padding:.6rem!important;gap:.6rem!important;margin-top:.8rem!important}.progress-bar{margin-top:.8rem!important}.close-player-btn{font-size:.75rem!important;padding:.5rem!important;text-align:center!important}.contact-form-wrapper{padding:0;margin:0 0 2rem}.contact-form-container{padding:1.2rem 1.2rem 2rem;margin:0;border-radius:8px}.form-row{grid-template-columns:1fr;gap:0}.form-group{margin-bottom:1.2rem}.form-label{font-size:.85rem;margin-bottom:.4rem}.form-input,.form-textarea,.form-select{padding:.7rem .9rem;font-size:.9rem}.form-textarea{min-height:140px}.submit-btn{padding:.9rem;font-size:.95rem;margin-top:.5rem}.char-count{font-size:.7rem}.nav-music-player{width:220px}}@media screen and (max-width: 600px){.visitor-map-section{padding:1.5rem .75rem 1rem!important}.map-contact-container{gap:4rem!important}.visitor-map-wrapper{margin-bottom:3rem!important}.visitor-map-container{height:280px;min-height:280px}.contact-form-wrapper{margin-top:3rem!important;margin-bottom:4rem!important}.contact-form-container{padding:1.2rem 1.2rem 2.5rem!important;margin-bottom:2rem!important;min-height:auto!important;height:auto!important}.form-group{margin-bottom:1.2rem!important}.form-input,.form-textarea,.form-select{padding:.75rem .9rem!important;font-size:.9rem!important;box-sizing:border-box!important}.form-textarea{min-height:120px!important;max-height:200px!important;resize:vertical!important;margin-bottom:.5rem!important}.char-count{margin-bottom:.8rem!important}.submit-btn{padding:.9rem!important;font-size:.95rem!important;margin-top:1rem!important;width:100%!important;box-sizing:border-box!important}.form-message{margin-top:1rem!important}.nav-music-player{width:220px!important;max-width:220px!important;padding:.9rem!important;left:.75rem!important;right:auto!important;bottom:.75rem!important;box-sizing:border-box!important}.track-info{margin-bottom:.7rem!important}.track-name{font-size:.75rem!important}.track-artist,.player-title{font-size:.65rem!important}.player-controls{gap:.6rem!important;margin-bottom:.7rem!important}.control-btn{padding:.35rem!important;width:32px!important;height:32px!important}.control-btn svg{width:14px!important;height:14px!important}.control-btn.play-pause{width:38px!important;height:38px!important}.control-btn.play-pause svg{width:18px!important;height:18px!important}.volume-control{display:none!important}.progress-bar{margin-top:.7rem!important;height:5px!important}.time-info{font-size:.65rem!important}.close-player-btn{font-size:.7rem!important;padding:.45rem!important;text-align:center!important}}@media screen and (max-width: 480px){.visitor-map-section{padding:1.5rem .5rem 1rem!important}.map-contact-container{gap:4rem!important}.visitor-map-wrapper{margin-bottom:3.5rem!important}.subsection-title{font-size:1.1rem;margin-bottom:.8rem}.visitor-map-container{height:250px;min-height:250px;border-radius:8px}.visitor-stats{gap:.8rem;padding:.8rem}.stat-item{padding:.6rem 1rem}.stat-number{font-size:1.3rem}.stat-label{font-size:.7rem}.nav-music-player{width:200px!important;max-width:200px!important;left:.5rem!important;right:auto!important;bottom:.5rem!important;padding:.8rem!important;font-size:.75rem!important;box-sizing:border-box!important}.track-info{margin-bottom:.6rem!important}.player-title{font-size:.6rem!important;margin-bottom:.3rem!important}.track-name{font-size:.7rem!important;margin-bottom:.3rem!important}.track-artist{font-size:.6rem!important}.player-controls{gap:.5rem!important;margin-bottom:.6rem!important}.control-btn{padding:.3rem!important;width:30px!important;height:30px!important}.control-btn svg{width:12px!important;height:12px!important}.control-btn.play-pause{width:36px!important;height:36px!important}.control-btn.play-pause svg{width:16px!important;height:16px!important}.progress-bar{height:4px!important;margin-top:.6rem!important}.time-info{font-size:.6rem!important;margin-bottom:.6rem!important}.volume-control{display:none!important}.close-player-btn{font-size:.65rem!important;padding:.4rem!important;width:100%!important;height:auto!important;text-align:center!important;margin-top:.4rem!important}.contact-form-wrapper{margin-bottom:3.5rem!important}.contact-form-container{padding:1rem 1rem 2.5rem!important;border-radius:6px!important;margin-bottom:2rem!important;box-sizing:border-box!important}.form-group{margin-bottom:1rem!important}.form-label{font-size:.85rem!important;margin-bottom:.5rem!important}.form-input,.form-textarea,.form-select{padding:.7rem .85rem!important;font-size:.9rem!important;border-radius:6px!important;box-sizing:border-box!important}.form-textarea{min-height:100px!important;max-height:180px!important;resize:vertical!important;margin-bottom:.5rem!important}.char-count{font-size:.7rem!important;margin-top:.3rem!important;margin-bottom:1rem!important}.submit-btn{padding:.85rem!important;font-size:.9rem!important;border-radius:6px!important;margin-top:1.2rem!important;width:100%!important;box-sizing:border-box!important}.form-message{padding:.8rem!important;font-size:.85rem!important;margin-top:1rem!important}}