:root{--nav-height:40px}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.material-icons.rotating,.material-symbols-filled.rotating,.material-symbols-outlined.rotating{animation:spin 1s linear infinite}.mvp-video[data-loading=true]{opacity:.7;transition:opacity .3s ease}.mvp-video:not([src]){background:linear-gradient(45deg,#1a1a1a 25%,#2a2a2a 25%,#2a2a2a 50%,#1a1a1a 50%,#1a1a1a 75%,#2a2a2a 75%);background-size:20px 20px;animation:loading-pattern 1s linear infinite}@keyframes loading-pattern{0%{background-position:0 0}100%{background-position:20px 20px}}.video-poster{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;transition:opacity .5s ease}.video-poster img{width:100%;height:100%;object-fit:cover;display:block}.mvp-loading{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:.6;transform:translateY(0)}}@keyframes fontWeightPulse{0%{font-variation-settings:'wght' 100}25%{font-variation-settings:'wght' 400}50%{font-variation-settings:'wght' 900}75%{font-variation-settings:'wght' 400}100%{font-variation-settings:'wght' 100}}@keyframes fontWeightBreath{0%,100%{font-variation-settings:'wght' 100}50%{font-variation-settings:'wght' 900}}@keyframes fontWeightWave{0%{font-variation-settings:'wght' 100}33%{font-variation-settings:'wght' 500}66%{font-variation-settings:'wght' 900}100%{font-variation-settings:'wght' 100}}@keyframes charWeightWave{0%,100%{font-variation-settings:'wght' 100;transform:scale(1)}25%{font-variation-settings:'wght' 500;transform:scale(1.02)}50%{font-variation-settings:'wght' 900;transform:scale(1.05)}75%{font-variation-settings:'wght' 600;transform:scale(1.02)}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y proximity;background-color:var(--primary-medium);color:var(--text-primary)}body{font-family:Raleway,sans-serif;line-height:1.6;overflow-x:hidden}a{color:var(--text-primary)}h2,h3{line-height:1.3;font-weight:300}h4{text-transform:uppercase;font-weight:600}strong{text-transform:uppercase;font-weight:600}section{scroll-snap-align:start}.hero{scroll-snap-align:start}.mvp-section{scroll-snap-align:start}.no-snap{scroll-snap-align:none!important}.container{max-width:1200px;margin:0 auto;margin:auto}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;backdrop-filter:blur(20px);transition:all .3s ease;backdrop-filter:blur(30px);will-change:transform;transform:translateZ(0)}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:var(--nav-height)}.nav-logo{font-size:1.5rem;font-weight:700}.nav-logo .accent{color:var(--text-primary)}.mvp-section-title{font-size:3.1rem;font-weight:300;padding:20px clamp(20px,3vw,2rem);text-align:left;max-width:1200px;margin:0 auto;hyphens:manual}.section-title-container{display:flex;justify-content:left;align-items:start;flex-direction:row}.nav-menu{position:fixed;top:0;left:-100%;width:100%;height:100vh;background:linear-gradient(-45deg,#000,#191919,#6a6a6a,#aeaeae,#d8d7d7,#aaa,#6a6a6a,#4a4a4a);display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:2rem;list-style:none;will-change:transform;transform:translateZ(0);gap:2rem;transition:left .3s ease;backdrop-filter:blur(20px);z-index:100;align-content:center;padding:1rem;background-size:400% 400%;animation:gradientShift 44s ease-in-out infinite}.nav-menu::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg-secondary);z-index:-1}.nav-menu.active{left:0;display:flex;flex-flow:row wrap}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:all .3s ease;padding:8px 16px;border-radius:25px;position:relative}.nav-link.active,.nav-link:hover{color:var(--text-primary);background:var(--active-overlay)}.hamburger{display:flex;flex-direction:column;cursor:pointer;gap:.375rem;z-index:101}.hamburger span{width:1.5rem;height:.13rem;background:var(--text-primary);border-radius:2px;transition:all .3s ease}.hamburger.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.hero{height:100vh;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:normal}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-grey);z-index:-2}.hero-gradient-animation{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(-45deg,#000,#191919,#6a6a6a,#aeaeae,#d8d7d7,#aaa,#6a6a6a,#4a4a4a);background-size:400% 400%;animation:gradientShift 44s ease-in-out infinite;z-index:-2}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}.hero-video{position:absolute;top:0;right:0;bottom:0;width:100%;height:100%;z-index:-2;object-fit:cover;object-position:right center}.hero-background::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.8);z-index:-1}@keyframes particleFloat{0%{transform:translateY(0)}100%{transform:translateY(-200px)}}.hero-content{max-width:800px;z-index:2;position:relative;margin-top:clamp(6rem,24vh,6rem)}.hero-ar-scene{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important}.hero-ar-scene canvas{z-index:0!important}.hero-ar-scene .a-enter-ar,.hero-ar-scene .a-enter-vr,.hero-ar-scene .a-orientation-modal,.hero-ar-scene>div:not(canvas){z-index:9999!important}.hero-content,.scroll-indicator{position:relative;z-index:10}.about-text p,.hero-subtitle,.practice-skills,.tech-competencies p{max-width:70ch;margin-left:auto;margin-right:auto;margin-bottom:2rem}.about-text p{line-height:1.8}.practice-skills{list-style:none;padding-left:0;gap:.5rem 1.5rem}.practice-skills li{opacity:.95}.tech-competencies p{opacity:.9;margin-top:1rem}.hero-title{font-size:clamp(3rem, 8vw, 4rem);font-weight:900;margin-bottom:1rem;display:block;line-height:1;text-transform:uppercase}.char-animated{display:inline-block;font-variation-settings:'wght' 100;animation:charWeightWave 15s ease-in-out infinite;animation-delay:calc(var(--char-index) * .1s + var(--span-index) * .5s)}.hero-subtitle{font-size:clamp(1rem, 2vw, 1.2rem);margin-bottom:clamp(.5rem,2vw,2rem);opacity:.9;line-height:1.7}.hero-buttons{display:flex;gap:clamp(.5rem,2vw,2rem);justify-content:center;flex-wrap:wrap;margin-bottom:3rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.2rem;border:none;border-radius:50px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .3s ease;font-size:1rem;margin-bottom:.3rem;background:var(--bg-secondary)}.btn-primary{color:var(--text-primary);border:2px solid}.btn-primary:active,.btn-primary:focus,.btn-primary:hover{background:var(--hover-overlay);border-color:var(--text-secondary);outline:0;transform:translateY(-1px)}.btn-secondary{color:var(--text-primary);background:0 0;border:.1rem solid}.btn-secondary:active,.btn-secondary:focus,.btn-secondary:hover{background:var(--hover-overlay);border-color:var(--text-secondary);outline:0;transform:translateY(-1px)}.btn-white{color:var(--text-primary)}.btn-white:active,.btn-white:focus,.btn-white:hover{transform:translateY(-2px);box-shadow:0 10px 30px var(--shadow-medium);outline:0}.btn-outline{background:0 0;border:2px solid var(--border-accent)}.btn-outline:active,.btn-outline:focus,.btn-outline:hover{background:var(--hover-overlay);outline:0;transform:translateY(-1px)}@media (hover:none) and (pointer:coarse){.btn:active{transform:translateY(1px) scale(.98);transition:transform .1s ease}.btn-white:active{transform:translateY(0) scale(.98);box-shadow:0 5px 15px var(--shadow-medium)}.btn{touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}.btn:active{transition:transform .1s ease,background .1s ease}.hero-stats{display:flex;gap:3rem;justify-content:center;flex-wrap:wrap}.stat{text-align:center}.stat-number{display:block;font-size:2rem;font-weight:700;color:var(--text-primary)}.stat-label{font-size:.9rem;opacity:.7}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:.7;animation:bounce 2s infinite}@keyframes bounce{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-10px)}}.mouse{width:24px;height:40px;border:2px solid var(--text-primary);position:relative;border-radius:1rem}.wheel{width:3px;height:8px;background:var(--text-primary);position:absolute;top:8px;left:50%;transform:translateX(-50%);animation:scroll 1.5s infinite}@keyframes scroll{0%{opacity:1;transform:translateX(-50%) translateY(0)}100%{opacity:0;transform:translateX(-50%) translateY(15px)}}section{min-height:100vh;padding:5rem .5rem .7rem .8rem;display:flex}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-size:3rem;margin-bottom:1rem;font-weight:200;max-width:35ch;margin-left:auto;margin-right:auto}.section-header p{font-size:1.2rem;opacity:.8;max-width:630px;margin:0 auto}#about{scroll-snap-align:start}.about-content{display:grid;grid-template-columns:auto auto;grid-gap:10px;padding:10px}.about-left h3{margin-bottom:.5rem}.about-right{background:var(--bg-card);padding:1rem;border-radius:8px}.about-right h4{margin-top:0;margin-bottom:1rem}.about-text-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}@media (max-width:900px){.about-content{grid-template-columns:1fr}.about-text-grid{grid-template-columns:1fr;gap:1rem}.practice-skills{grid-template-columns:1fr}.hero-title{font-size:clamp(1rem, 5vw, 4rem);margin-bottom:clamp(1rem,2vw,2rem)}.scroll-indicator{display:none}}@media (max-height:650px){.scroll-indicator{display:none}}.about-left{padding-right:.5rem}.about-right,.about-right h4,.about-right p,.about-right ul{color:var(--text-secondary)}.about-text h3{font-size:2rem;margin-bottom:1rem;color:var(--text-primary)}.about-text p{font-size:1.1rem;margin-bottom:2rem;line-height:1.7;opacity:.9}.skills{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.skill-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bg-card);border-radius:10px;backdrop-filter:blur(10px);border:1px solid var(--border-primary)}.skill-item i{font-size:1.5rem;color:var(--text-primary)}.tech-stack h4{margin-bottom:1.5rem;color:var(--text-primary);font-size:1.5rem}.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.tech-item{padding:1rem;background:var(--active-overlay);border-radius:10px;text-align:center;font-weight:500;border:1px solid var(--active-overlay);transition:all .3s ease}.tech-item:hover{transform:translateY(-3px);background:var(--border-accent)}.mvp-section{position:relative;overflow:hidden;scroll-snap-align:start}.mvp-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1}.gradient-blue{background:linear-gradient(135deg,#a3bfcc 0,#a8cfe5 100%)}.gradient-darkblue{background:linear-gradient(135deg,#6a9ee8 0,#88afe8 100%)}.gradient-green{background:linear-gradient(135deg,#6dcfb1 0,#80e9cf 100%)}.gradient-purple{background:linear-gradient(135deg,#7c518a 0,#ca89e9 100%)}.gradient-orange{background:linear-gradient(135deg,#f86c30 0,#f85f30 100%)}.gradient-pink{background:linear-gradient(135deg,#4facfe 0,#00f2fe 100%)}.gradient-red{background:linear-gradient(135deg,#f85032 0,#e73827 100%)}.gradient-teal{background:linear-gradient(135deg,#749fe8 0,#a2bce8 100%)}.gradient-yellow{background:linear-gradient(135deg,#ffed00 0,#fdff80 100%)}.gradient-darkgray{background:linear-gradient(135deg,#2c3e50 0,#4ca1af 100%)}.gradient-neongreen{background:linear-gradient(135deg,#5ceda4 0,lab(86.24% -59.64 25.05) 100%)}.mvp-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.mvp-content.reverse{direction:rtl}.mvp-content.reverse>*{direction:ltr}.mvp-badge{display:inline-block;padding:.5rem 1rem;border-radius:25px;font-size:.9rem;font-weight:500;margin-bottom:1rem;backdrop-filter:blur(10px)}.mvp-info h2{font-size:3rem;margin-bottom:.5rem}.mvp-info h3{font-size:1.5rem;opacity:.9;margin-bottom:1.5rem;font-weight:400}.mvp-info p{font-size:1.1rem;line-height:1.7;margin-bottom:2rem;opacity:.9}.features{margin-bottom:2rem}.feature{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding:.75rem;background:var(--hover-overlay);backdrop-filter:blur(10px)}.feature i{font-size:1.5rem;opacity:.8}.mvp-actions{display:flex;gap:1rem;flex-wrap:wrap}.mvp-section.fullwidth-video{position:relative;overflow:hidden;padding:var(--nav-height) 0 5vh 0;display:flex;flex-direction:column}.fullwidth-video-container{position:relative;width:83%;aspect-ratio:var(--video-aspect-ratio,16/9);max-height:calc(90vh - var(--nav-height));max-width:min(83%,calc((100vh - var(--nav-height) - 10vh) * var(--video-aspect-ratio,16/9)));overflow:hidden;margin:2vh auto auto auto;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);border-radius:2vh;background:var(--gray-900);transition:aspect-ratio .3s ease;max-width:950px}@supports not (aspect-ratio:16/9){.fullwidth-video-container{height:0;padding-bottom:56.25%}.mvp-video.fullwidth{position:absolute;top:0;left:0;width:100%;height:100%}}.mvp-video.fullwidth{width:100%;height:100%;object-fit:contain;position:absolute;top:0;left:0;z-index:1;background:var(--gray-900)}.video-overlay-content{position:absolute;top:0;left:0;right:0;bottom:0;z-index:5;display:flex;align-items:center;pointer-events:none}.text-overlay-box{background:var(--bg-secondary);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.2);border-radius:.5rem;padding:.7rem .7rem .4rem .7rem;box-shadow:0 25px 80px rgba(0,0,0,.3);transition:all .3s ease;pointer-events:all;position:relative;overflow:visible}.text-overlay-box.bottom-left{position:absolute;bottom:1rem;left:1rem;margin:0;z-index:5;max-width:50vw}.text-overlay-box.bottom-left .text-content{max-height:80px;overflow:hidden;transition:max-height .6s cubic-bezier(.25, .46, .45, .94);-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.text-overlay-box.bottom-left .features,.text-overlay-box.bottom-left .mvp-actions,.text-overlay-box.bottom-left .text-content h3,.text-overlay-box.bottom-left .text-content p{opacity:0;transform:translateY(10px);-webkit-transform:translateZ(0) translateY(10px);transition:all .3s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:opacity,transform}.text-overlay-box.bottom-left:not(.accordion-open) .text-content{max-height:80px}.text-overlay-box.bottom-left:not(.accordion-open) .features,.text-overlay-box.bottom-left:not(.accordion-open) .mvp-actions,.text-overlay-box.bottom-left:not(.accordion-open) .text-content h3,.text-overlay-box.bottom-left:not(.accordion-open) .text-content p{opacity:0;transform:translateY(10px);-webkit-transform:translateZ(0) translateY(10px)}.text-overlay-box.bottom-left.accordion-open{max-width:inherit}.text-overlay-box.bottom-left.accordion-open .text-content{max-height:none}.text-overlay-box.bottom-left.accordion-open .features,.text-overlay-box.bottom-left.accordion-open .mvp-actions,.text-overlay-box.bottom-left.accordion-open .text-content h3,.text-overlay-box.bottom-left.accordion-open .text-content p{opacity:1;transform:translateY(0)}.text-overlay-box::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1}.text-overlay-box.right-aligned{margin-left:auto;margin-right:5%}.text-overlay-box:hover{transform:translateY(-5px);box-shadow:0 30px 90px rgba(0,0,0,.4)}.text-overlay-box.bottom-left{--accordion-initial-height:80px}.text-overlay-box.bottom-left:not(.accordion-initialized) .accordion-content{max-height:0!important;opacity:0!important;overflow:hidden!important;transition:none!important;display:block!important;visibility:hidden!important}.text-overlay-box{position:relative;overflow:hidden!important;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.accordion-header{position:relative;border-radius:15px;cursor:pointer;transition:all .4s cubic-bezier(.25, .46, .45, .94);z-index:10;outline:0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:manipulation;-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform}.accordion-header:hover{transform:translateY(-2px)}.accordion-title{display:flex;align-items:center;justify-content:space-between;margin:0;gap:1rem}.accordion-title .mvp-badge{font-size:.8rem;padding:.3rem .8rem;margin:0;opacity:.9;flex-shrink:0}.accordion-title h2{margin:0;font-size:1.4rem;color:var(--text-primary);flex:1;text-align:left}.accordion-toggle{width:36px;height:36px;background:var(--bg-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.34, 1.56, .64, 1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);flex-shrink:0;margin-bottom:.75rem;background-color:var(--bg-secondary);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:manipulation;-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform,background}.accordion-toggle:hover{background:var(--bg-secondary);transform:rotate(360deg) scale(1.1)}.accordion-toggle:active{background:var(--bg-secondary);transform:scale(.95)}.accordion-toggle i{font-size:3.5rem;transition:all .3s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:block;line-height:1}.accordion-content{max-height:0;overflow:hidden;opacity:0;transform:translateY(-20px);transition:max-height .6s cubic-bezier(.25, .46, .45, .94),opacity .6s cubic-bezier(.25, .46, .45, .94),transform .6s cubic-bezier(.25, .46, .45, .94);border-radius:0 0 15px 15px;margin-top:-1px;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0) translateY(-20px);will-change:max-height,opacity,transform}.text-overlay-box.accordion-open .accordion-content{max-height:1000px;opacity:1;transform:translateY(0);-webkit-transform:translateZ(0) translateY(0);border-top:none}.text-overlay-box.accordion-open .accordion-header{border-bottom-left-radius:0;border-bottom-right-radius:0}.accordion-content h3{margin:.5rem 0 0 0;color:var(--text-primary);font-size:1.1rem;font-weight:500}.accordion-content p{margin:0 0 1.2rem 0;color:var(--text-primary);line-height:1.6}.accordion-stagger-animation{animation:staggerFadeIn .4s ease-out backwards;-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes staggerFadeIn{from{opacity:0;transform:translateY(10px);-webkit-transform:translateZ(0) translateY(10px)}to{opacity:1;transform:translateY(0);-webkit-transform:translateZ(0) translateY(0)}}.text-overlay-box.safari-accordion{-webkit-transform:translateZ(0)!important;transform:translateZ(0)!important;-webkit-perspective:1000px;perspective:1000px;-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important}.text-overlay-box.safari-accordion .accordion-content{-webkit-transform:translateZ(0);transform:translateZ(0);will-change:max-height,opacity,transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.text-overlay-box.firefox-accordion{transform:translateZ(0);backface-visibility:hidden}.text-overlay-box.firefox-accordion .accordion-content{position:relative;z-index:1;will-change:max-height,opacity}.text-overlay-box.accordion-initialized .accordion-content{transition:max-height .6s cubic-bezier(.25, .46, .45, .94),opacity .6s cubic-bezier(.25, .46, .45, .94),transform .6s cubic-bezier(.25, .46, .45, .94)!important}@media (max-width:768px){.accordion-header{padding:1rem}.accordion-title{gap:.5rem}.accordion-title h2{font-size:1.2rem}.accordion-toggle{width:32px;height:32px}.text-overlay-box.accordion-open .accordion-content{padding:0 .4rem .4rem}}@media (max-width:480px){.accordion-header{padding:.2rem}.accordion-title h2{font-size:1.1rem}.accordion-title .mvp-badge{font-size:.7rem;padding:.2rem .6rem}}.ripple-effect{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(0,212,255,.4) 0,rgba(0,212,255,.1) 70%,transparent 100%);transform:scale(0);animation:enhanced-ripple .8s cubic-bezier(.4,0,.2,1);pointer-events:none}@keyframes enhanced-ripple{0%{transform:scale(0);opacity:1}50%{opacity:.8}100%{transform:scale(4);opacity:0}}.text-overlay-box .mvp-badge{display:inline-block;padding:.5rem 1rem;border-radius:25px;font-size:.9rem;font-weight:500;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px}.text-overlay-box h2{font-size:1.5rem;margin-bottom:.5rem;line-height:1.4}.text-overlay-box h3{font-size:1rem;opacity:.9;margin-bottom:.5rem;font-weight:600;text-transform:uppercase}.text-overlay-box p{font-size:1rem;line-height:1.7;margin-bottom:1rem;opacity:.9;max-width:46ch}.text-overlay-box .features{margin-bottom:.3rem;line-height:1.5}.text-overlay-box .feature{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.5rem;background:var(--bg-secondary);border-radius:8px;transition:all .3s ease}.text-overlay-box .feature i{font-size:2.2rem;opacity:.8;width:20px}.text-overlay-box .mvp-actions{display:flex;gap:1rem;flex-wrap:wrap}.video-poster{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.video-poster img{width:100%;height:100%;object-fit:cover;display:block}video.playing~.video-poster,video:not([data-autoplay=true])~.video-poster{display:none}.fullwidth-video-container .video-controls{position:absolute;bottom:1rem;right:1rem;display:flex;gap:15px;z-index:2;opacity:1;transition:all .3s ease;z-index:5}.fullwidth-video-container:hover .video-controls{opacity:1}.fullwidth-video-container .video-controls button{width:32px;height:32px;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);border:1px solid rgba(75,75,75,.2);color:var(--text-primary);backdrop-filter:blur(30px);background:var(--bg-primary)}.fullwidth-video-container .video-controls button:hover{background:var(--primary-medium);transform:scale(1.1);border-color:var(--primary-medium)}.fullwidth-video-container .video-controls .video-unmute{display:none}.fullwidth-video-container .video-controls .video-unmute[data-unmute-visible=true]{display:flex!important}.mvp-section.fullwidth-video::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;pointer-events:none}@keyframes overlaySlideIn{from{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes overlaySlideInRight{from{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.text-overlay-box{animation:overlaySlideIn 1s ease forwards}.text-overlay-box.right-aligned{animation:overlaySlideInRight 1s ease forwards}.fullwidth-video-container .video-fallback{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}@media (max-width:1200px){.text-overlay-box.bottom-left{bottom:1rem;left:1rem}}@media (max-width:768px){.mvp-section.fullwidth-video{min-height:80vh;height:100vh;padding:var(--nav-height) 0 5vh 0}.fullwidth-video-container{width:90%;aspect-ratio:var(--video-aspect-ratio,16/9);max-height:calc(100vh - var(--nav-height) - 10vh);max-width:min(90%,calc((100vh - var(--nav-height) - 10vh) * var(--video-aspect-ratio,16/9)))}.text-overlay-box{max-width:90%}.text-overlay-box.bottom-left{position:absolute;bottom:1rem;left:1rem;right:1rem;max-width:calc(100% - 2rem);margin:0}.text-overlay-box p{font-size:.9rem}.text-overlay-box .mvp-actions{flex-direction:column;align-items:stretch}.fullwidth-video-container .video-controls{bottom:1rem;right:1rem}.fullwidth-video-container .video-controls button{width:40px;height:40px}}@media (max-width:480px){.mvp-section.fullwidth-video{min-height:70vh;height:100vh}.fullwidth-video-container{width:95%;aspect-ratio:var(--video-aspect-ratio,16/9);max-height:calc(100vh - var(--nav-height) - 10vh);max-width:min(95%,calc((100vh - var(--nav-height) - 10vh) * var(--video-aspect-ratio,16/9)))}.text-overlay-box{border-radius:15px}.text-overlay-box .features{margin-bottom:1.5rem}.text-overlay-box .feature{padding:.4rem;margin-bottom:.5rem}.text-overlay-box .feature i{font-size:1rem}}.mvp-video.fullwidth{will-change:transform;backface-visibility:hidden}.text-overlay-box{will-change:transform;backface-visibility:hidden}.text-overlay-box:focus-within{outline-offset:2px}@media (prefers-reduced-motion:reduce){.text-overlay-box,.text-overlay-box.right-aligned{animation:none}.text-overlay-box:hover{transform:none}}.video-container{position:relative;width:100%;max-width:800px;margin:0 auto;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.4);background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.video-container:hover{transform:translateY(-10px);box-shadow:0 30px 80px rgba(0,0,0,.5)}.mvp-video{width:100%;height:auto;display:block;transition:all .3s ease}.video-controls{position:absolute;bottom:15px;right:15px;display:flex;gap:10px;opacity:1;transition:all .3s ease;z-index:10}.video-container:hover .video-controls{opacity:1}.video-controls button{width:40px;height:40px;border:none;border-radius:50%;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.video-controls button:hover{background:var(--primary-medium);transform:scale(1.1)}.video-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.7) 100%);display:flex;align-items:flex-end;opacity:0;transition:all .3s ease;pointer-events:none}.video-container:hover .video-overlay{opacity:1}.video-info{padding:20px;width:100%}.video-info h5{font-size:1.2rem;margin-bottom:5px}.video-info p{font-size:.9rem;opacity:.8;margin:0}.video-fallback{display:none}video:not([autoplay])+.video-fallback{display:block}@media (max-width:1200px){.video-container{max-width:600px}}@media (max-width:768px){.video-container{max-width:90%;margin:0 auto}.video-info{padding:15px}.video-info h5{font-size:1rem}.video-info p{font-size:.8rem}.video-controls{bottom:10px;right:10px}.video-controls button{width:35px;height:35px}}@media (max-width:480px){.video-container{border-radius:15px}.mvp-video{border-radius:10px}.video-info{padding:12px}.video-controls button{width:30px;height:30px;font-size:.8rem}}.video-container.loading::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border:3px solid var(--primary-medium);border-top:3px solid;border-radius:50%;animation:spin 1s linear infinite;z-index:15}.video-container.paused .mvp-video{filter:brightness(.7)}.video-container.paused::after{content:'\f04b';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;color:var(--text-primary);pointer-events:none;z-index:10;opacity:0;animation:fadeInOut 2s ease infinite}@keyframes fadeInOut{0%,100%{opacity:0}50%{opacity:.8}}.video-quality{position:absolute;top:15px;right:15px;background:rgba(0,0,0,.7);padding:5px 10px;border-radius:15px;font-size:.8rem;opacity:0;transition:opacity .3s ease}.video-container:hover .video-quality{opacity:1}.video-container.fullscreen{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;max-width:none!important;border-radius:0!important;z-index:9999!important;will-change:transform;transform:translateZ(0)}.video-container.fullscreen .mvp-video{width:100%;height:100%;object-fit:cover;border-radius:0}.mvp-content{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:center}.mvp-content.reverse{grid-template-columns:1.2fr 1fr;direction:rtl}.mvp-section .mvp-visual{display:flex;justify-content:center;align-items:center;min-height:400px}.mvp-section:hover .video-container{transform:translateY(-5px) scale(1.02)}.mvp-section:hover .mvp-info{transform:translateX(10px)}.mvp-section .mvp-content.reverse:hover .mvp-info{transform:translateX(-10px)}.video-progress{position:absolute;bottom:0;left:0;height:3px;background:var(--primary-medium);width:100%;opacity:0;transition:opacity .3s ease}.video-container:hover .video-progress{opacity:1}.video-progress::before{content:'';position:absolute;top:0;left:0;height:100%;width:var(--progress,0%);transition:width .1s ease}.video-container::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:var(--primary-medium);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Font Awesome 6 Free';font-weight:900;font-size:1.5rem;opacity:0;transition:all .3s ease;pointer-events:none;z-index:5}.video-container.show-play-button::before{content:'\f04b';opacity:1}@keyframes videoSlideIn{from{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.video-container.animate{animation:videoSlideIn .8s ease forwards}.video-container .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mockup-container{display:flex;justify-content:center;align-items:center}.mockup{background:rgba(255,255,255,.1);border-radius:20px;padding:20px;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 60px rgba(0,0,0,.3)}.mockup-desktop{width:400px;height:280px}.mockup-tablet{width:300px;height:400px}.mockup-mobile{width:200px;height:360px}.mockup-screen{width:100%;height:100%;background:#1a1a1a;border-radius:10px;overflow:hidden;position:relative}.mockup-content{padding:20px;height:100%}.taskflow-mockup .app-header{margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.2)}.task-list{display:flex;flex-direction:column;gap:10px}.task-item{display:flex;align-items:center;gap:10px;padding:10px;background:rgba(255,255,255,.1);border-radius:8px;font-size:.9rem}.task-item.priority-high{border-left:4px solid #ff4757}.task-item.priority-medium{border-left:4px solid #ffa502}.task-item.priority-low{border-left:4px solid #2ed573}.ecotracker-mockup .app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.eco-score{background:var(--accent-success);padding:5px 10px;border-radius:15px;font-size:.8rem}.eco-stats{display:flex;flex-direction:column;gap:15px}.stat-card{display:flex;align-items:center;gap:10px;padding:15px;background:rgba(46,213,115,.2);border-radius:10px}.stat-card i{font-size:1.5rem;color:#2ed573}.stat-card strong{margin-left:auto;color:#2ed573}.learnsync-mockup .course-progress{margin-bottom:20px}.progress-bar{width:100%;height:8px;background:rgba(255,255,255,.2);border-radius:4px;margin:10px 0}.progress-fill{height:100%;background:#667eea;border-radius:4px;transition:width .3s ease}.lesson-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lesson{padding:10px;background:rgba(255,255,255,.1);border-radius:8px;text-align:center;font-size:.8rem}.lesson.completed{background:rgba(46,213,115,.3);color:#2ed573}.lesson.active{background:rgba(102,126,234,.3);color:#667eea}.wellness-stats{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.wellness-stat{display:flex;align-items:center;justify-content:space-between;padding:10px;background:rgba(255,255,255,.1);border-radius:8px}.wellness-stat i{color:#f093fb}.meditation-timer{text-align:center}.timer-circle{width:80px;height:80px;border:3px solid #f093fb;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;font-size:1.2rem;font-weight:700}.social-accounts{display:flex;gap:10px;margin-bottom:20px}.account{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}.account.facebook{background:#4267b2}.account.twitter{background:#1da1f2}.account.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.account.linkedin{background:#0077b5}.scheduled-post{background:rgba(255,255,255,.1);padding:15px;border-radius:8px}.scheduled-post span{color:#4facfe;font-size:.8rem}.scheduled-post p{margin-top:5px;font-size:.9rem}.finance-dashboard{text-align:center}.portfolio-value{margin:20px 0}.currency{font-size:1.5rem}.amount{font-size:2rem;font-weight:700;margin:0 5px}.change{font-size:1rem}.change.positive{color:#2ed573}.ai-insights{text-align:left;margin-top:20px}.ai-insights h5{margin-bottom:10px;color:#43e97b}.insight{background:rgba(67,233,123,.2);padding:10px;border-radius:8px;font-size:.8rem}.contact{scroll-snap-align:start}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start;max-width:500px;margin:auto;line-height:1.3;padding:0 1rem 0 1rem}.contact-item{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem}.contact-item i{font-size:1.5rem;text-align:center}.material-icons{font-family:'Material Icons';font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';font-feature-settings:'liga';-webkit-font-smoothing:antialiased}.material-symbols-outlined{font-family:'Material Symbols Outlined';font-weight:400;font-style:normal;font-size:4rem;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24;-webkit-font-smoothing:antialiased}.material-symbols-filled{font-family:'Material Symbols Filled';font-weight:400;font-style:normal;font-size:1rem;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-variation-settings:'FILL' 1,'wght' 400,'GRAD' 0,'opsz' 24;-webkit-font-smoothing:antialiased}.accordion-toggle i,.btn i,.contact-item i,.feature i,.notification i,.simple-toggle-btn i{font-family:'Material Symbols Outlined';font-weight:400;font-style:normal;font-variation-settings:'FILL' 0,'wght' 300,'GRAD' 0,'opsz' 24;-webkit-font-smoothing:antialiased}.video-controls i{font-family:'Material Symbols Outlined';font-weight:400;font-style:normal;font-variation-settings:'FILL' 1,'wght' 400,'GRAD' 0,'opsz' 24;-webkit-font-smoothing:antialiased}.contact-item h4{font-weight:600}.social-links{display:flex;gap:1rem;margin-top:2rem}.social-link{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:var(--primary-medium);border-radius:50%;text-decoration:none;transition:all .3s ease;border:1px solid var(--primary-light)}.social-link:hover{background:var(--primary-medium);transform:translateY(-2px)}.contact-form{background:rgba(255,255,255,.05);padding:2rem;border-radius:15px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group input,.form-group textarea{width:100%;padding:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:8px;font-family:inherit;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:0;background:rgba(255,255,255,.15)}.form-group input::placeholder,.form-group textarea::placeholder{color:rgba(255,255,255,.5)}.footer{padding:2rem 2rem;text-align:center;scroll-snap-align:end}.footer-content p{opacity:.7;margin-bottom:.5rem}@media (max-width:768px){.hero-buttons{flex-direction:column;align-items:center}.hero-stats{gap:1.5rem}.section-header h2{font-size:2rem}.about-content{grid-template-columns:1fr;gap:2rem}.skills{grid-template-columns:1fr}.tech-grid{grid-template-columns:repeat(2,1fr)}.mvp-content{grid-template-columns:1fr;gap:2rem;text-align:center}.mvp-content.reverse{direction:ltr}.mvp-info h2{font-size:2rem}.mockup-desktop{width:320px;height:200px}.mockup-tablet{width:240px;height:320px}.mockup-mobile{width:180px;height:320px}.contact-content{grid-template-columns:1fr;gap:2rem}}@media (max-width:480px){.hero-title{font-size:2.3rem}.hero-subtitle{font-size:1rem}.btn{padding:10px 20px;font-size:.9rem}.mvp-info h2{font-size:1.8rem}.mockup-desktop{width:280px;height:160px}.mockup-content{padding:15px}.tech-grid{grid-template-columns:1fr}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{from{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.animate-on-scroll{opacity:0;transition:all .6s ease}.animate-on-scroll.fade-in-up{animation:fadeInUp .6s ease forwards}.about-left.animate-on-scroll.fade-in-up{animation-delay:.15s}.about-right.animate-on-scroll.fade-in-up{animation-delay:.35s}.animate-on-scroll.slide-in-left{animation:slideInLeft .6s ease forwards}.animate-on-scroll.slide-in-right{animation:slideInRight .6s ease forwards}.text-center{text-align:center}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}.mb-3{margin-bottom:3rem}.mb-4{margin-bottom:4rem}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.mt-3{margin-top:3rem}.mt-4{margin-top:4rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--text-primary);border-radius:4px}.accordion-stagger-animation-wrapper{display:flex;flex-wrap:wrap;gap:1rem}