:root{--bg-color: #030303;--text-color: #ffffff;--accent-color: #ffffff;--accent-secondary: #a0a0a0;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--glass-highlight: rgba(255, 255, 255, .15);--font-main: "Inter", sans-serif;--font-display: "Outfit", sans-serif;--container-width: 1400px;--transition-smooth: cubic-bezier(.23, 1, .32, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:initial}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);overflow-x:hidden;-webkit-font-smoothing:antialiased;position:relative}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#333;border-radius:4px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none;z-index:999;opacity:.4}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;text-transform:uppercase}a{text-decoration:none;color:inherit;transition:opacity .3s ease}ul{list-style:none}img{max-width:100%;display:block}.container{max-width:var(--container-width);margin:0 auto;padding:0 1.5rem}.glass-surface{position:relative;display:flex!important;align-items:center;justify-content:center;overflow:hidden;transition:transform .4s var(--transition-smooth);border-radius:20px}.glass-surface__filter{width:100%;height:100%;pointer-events:none;position:absolute;inset:0;opacity:0;z-index:-1}.glass-surface__content{width:100%;height:100%;position:relative;z-index:1;padding:2rem}.glass-surface{background:#ffffff0d;-webkit-backdrop-filter:var(--filter-id, blur(10px));backdrop-filter:var(--filter-id, blur(10px));box-shadow:0 4px 30px #0000001a}.glass-panel{background:#14141499;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn{padding:1rem 2.5rem;border-radius:100px;font-family:var(--font-display);text-transform:uppercase;font-size:.8rem;font-weight:500;letter-spacing:1px;cursor:pointer;transition:all .4s var(--transition-smooth);display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border:1px solid var(--glass-border);background:#ffffff0d;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10}.btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;transform:scaleX(0);transform-origin:right;transition:transform .4s var(--transition-smooth);z-index:-1}.btn:hover{color:#000;border-color:#fff}.btn:hover:before{transform:scaleX(1);transform-origin:left}.loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:9999;display:flex;justify-content:center;align-items:center;flex-direction:column}.loader-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.loader-text{font-family:var(--font-display);font-size:clamp(1rem,4vw,2rem);letter-spacing:.5rem;opacity:0;color:#fff;text-align:center}.loader-bar{width:200px;height:1px;background:#ffffff1a;position:relative;overflow:hidden}.loader-progress{width:0%;height:100%;background:#fff;position:absolute;top:0;left:0}.loader-percentage{font-family:IBM Plex Mono,monospace;font-size:.8rem;color:#ffffff80}.nav{position:fixed;top:0;left:0;width:100%;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;z-index:100;mix-blend-mode:difference}.nav-logo{display:flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-weight:800;font-size:1.5rem;letter-spacing:-1px;cursor:pointer}.logo-mark svg{width:32px;height:32px;filter:drop-shadow(0 0 5px rgba(255,255,255,.5));transition:transform .3s ease}.profile-img{width:250px;height:250px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.1);box-shadow:0 10px 40px #0000004d;will-change:transform;transform-style:preserve-3d;cursor:pointer;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:transparent;position:relative;z-index:1}#profile-glare{transform-style:preserve-3d;perspective:800px;background:transparent}@media(min-width:769px){.profile-img{transition:none}}.nav-logo:hover .logo-mark svg{transform:rotate(180deg)}.mobile-menu-btn{display:none}@media(max-width:1024px){.gooey-nav-container{display:none!important}.nav{padding:1rem 1.5rem}.mobile-menu-btn{display:block;width:40px;height:40px;z-index:10000;cursor:pointer;background:#ffffff1a;border-radius:50%;display:grid;place-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);position:relative}.target-cursor-wrapper,.target-cursor-dot{display:none!important}.mobile-menu-icon{width:20px;height:12px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.mobile-menu-icon span{display:block;width:100%;height:2px;background:#fff;transition:all .3s ease}.mobile-menu-icon.active span:nth-child(1){transform:translateY(5px) rotate(45deg)}.mobile-menu-icon.active span:nth-child(2){transform:translateY(-5px) rotate(-45deg)}}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#030303fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-menu-overlay.active{opacity:1;pointer-events:all}.mobile-nav{display:flex;flex-direction:column;gap:2.5rem;text-align:center}.mobile-menu-link{font-size:2.5rem;font-family:var(--font-display);font-weight:700;color:#fff;text-decoration:none;text-transform:uppercase;transition:color .3s ease}.mobile-menu-link:hover{color:var(--accent-secondary)}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.hero{min-height:100vh;width:100%;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 1rem}.hero-content{z-index:2;width:100%;max-width:1200px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto}.hero-title{font-size:clamp(2.5rem,10vw,8rem);line-height:.9;display:flex;flex-direction:column;mix-blend-mode:normal;text-transform:uppercase;font-weight:800;width:100%;justify-content:center;align-items:center;text-align:center}.hero-subtitle{margin:2rem 0;font-size:clamp(1rem,2vw,1.25rem);color:#fff9;letter-spacing:1px;font-weight:300;max-width:600px;margin-left:auto;margin-right:auto}.hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:3rem}.section{padding:clamp(3rem,6vh,6rem) 0}.section-title{font-size:clamp(2rem,5vw,4rem);margin-bottom:clamp(.5rem,1.5vw,1rem);color:#fff;display:flex;align-items:center;gap:1rem}.section-title:before{content:"";width:50px;height:2px;background:var(--accent-secondary);display:block}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:start}@media(max-width:768px){.about-grid{grid-template-columns:1fr;gap:2rem}}.about-text{max-width:100%}.about-name{font-size:clamp(1.8rem,3vw,2.5rem);margin-bottom:1.5rem;color:#fff;font-weight:700}.about-text p{font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.8;color:#ccc;margin-bottom:2rem}.about-text strong{color:#fff;font-weight:600}.skills-list{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}.skill-tag{padding:.75rem 1.5rem;border:1px solid rgba(255,255,255,.1);border-radius:100px;font-size:.95rem;font-family:var(--font-display);background:#ffffff0d;transition:all .3s ease;color:#fff}.skill-tag:hover{background:#ffffff14;border-color:var(--accent-color);transform:translateY(-2px)}#profile-glare{max-width:100%;aspect-ratio:3/4;margin:0 auto;box-shadow:0 20px 50px #00000080}@media(max-width:968px){#profile-glare{max-width:400px}}.experience{padding:clamp(3rem,6vh,6rem) 0}.timeline-tree{position:relative;max-width:700px;margin:0 auto;padding-left:2rem;border-left:2px solid rgba(255,255,255,.1)}.timeline-line{position:absolute;top:0;left:-1px;width:2px;height:100%;background:linear-gradient(180deg,var(--accent-color) 0%,var(--accent-secondary) 100%);box-shadow:0 0 10px var(--accent-color);transform-origin:top;transform:scaleY(0);animation:growLine 1.5s ease-out forwards}@keyframes growLine{to{transform:scaleY(1)}}.timeline-node{margin-bottom:1.5rem;padding:1.5rem;position:relative;margin-left:2rem;border-left:1px solid rgba(255,255,255,.05);transition:transform .3s ease,border-color .3s ease}@media(max-width:768px){.timeline-node{padding:1.25rem;margin-left:1.5rem}}.timeline-node:hover{transform:translate(10px);border-color:var(--accent-color)}.node-dot{position:absolute;left:-2.6rem;top:2rem;width:1rem;height:1rem;background:var(--bg-color);border:2px solid var(--accent-color);border-radius:50%;box-shadow:0 0 10px var(--accent-color);z-index:2}.node-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;flex-wrap:wrap;gap:1rem}.node-header h3{margin:0;font-size:1.5rem;color:#fff}.node-date{font-family:IBM Plex Mono,monospace;font-size:.85rem;color:var(--accent-color);padding:.2rem .8rem;background:#64ffda1a;border-radius:100px}.timeline-node h4{color:#ccc;margin-bottom:1rem;font-weight:500}.timeline-node p{font-size:.95rem;color:#fff9;line-height:1.5}.certifications{padding:clamp(3rem,6vh,6rem) 0}.certs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:900px;margin:0 auto}.cert-card{padding:2rem 1.5rem;text-align:left;border:1px solid rgba(255,255,255,.08);border-radius:16px;transition:all .4s var(--transition-smooth);position:relative;overflow:hidden;background:#14141466;display:flex;flex-direction:column;justify-content:center;text-decoration:none}.cert-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--accent-color),var(--accent-secondary));transform:scaleX(0);transform-origin:left;transition:transform .4s var(--transition-smooth)}.cert-card:hover{background:#ffffff0d;transform:translateY(-8px);border-color:var(--accent-secondary);box-shadow:0 10px 40px #bd34fe33}.cert-card:hover:before{transform:scaleX(1)}.cert-card h3{font-size:clamp(1rem,2vw,1.2rem);margin-bottom:.5rem;color:#fff}.cert-card p{color:#999;font-size:clamp(.8rem,1.5vw,.9rem);margin-bottom:0;line-height:1.4}.cert-year{display:inline-block;padding:.3rem .8rem;border:1px solid rgba(255,255,255,.15);border-radius:100px;font-size:.75rem;color:var(--accent-color);background:#64ffda0d;font-family:IBM Plex Mono,monospace}@media(max-width:968px){.certs-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.certs-grid{grid-template-columns:1fr;max-width:400px}}.works-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.project-card{position:relative;overflow:hidden;height:350px;border-radius:16px;cursor:pointer}.project-card .img-box{width:100%;height:100%;background-color:#1a1a1a;background-size:cover;background-position:center;transition:transform .6s var(--transition-smooth)}.project-card:hover .img-box{transform:scale(1.05)}.project-overlay{position:absolute;bottom:0;left:0;width:100%;padding:2rem;background:linear-gradient(0deg,#000000e6,#0000);opacity:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.project-card h3{font-size:1.5rem;margin-bottom:.5rem;transform:translateY(20px);transition:transform .4s ease}.project-card p{font-size:.9rem;color:#ffffffb3;transform:translateY(20px);transition:transform .4s ease .1s;opacity:.8}.project-card:hover h3,.project-card:hover p{transform:translateY(0)}.showreel{text-align:center}.video-placeholder{width:100%;aspect-ratio:16/9;background:#111;border-radius:12px;display:flex;justify-content:center;align-items:center;color:#fff;font-family:var(--font-display);border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.work-video-card{border-radius:12px;overflow:hidden;background:#000;aspect-ratio:9/16;width:100%;position:relative;transition:transform .3s ease;border:1px solid rgba(255,255,255,.1)}.work-video-card:hover{transform:translateY(-5px);border-color:#ffffff4d}.work-video-card iframe,.work-video-card video{width:100%;height:100%;border:none;object-fit:cover}.play-button{width:80px;height:80px;border-radius:50%;background:#fff;color:#000;display:flex;justify-content:center;align-items:center;font-size:1.5rem;cursor:pointer;transition:transform .3s var(--transition-smooth)}.video-placeholder:hover .play-button{transform:scale(1.1)}.contact{padding:clamp(3rem,6vh,6rem) 0}.contact-content{padding:2.5rem;border-radius:24px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;max-width:800px;margin:0 auto}@media(max-width:768px){.contact-content{padding:2rem 1.5rem;gap:1.5rem}}.contact-text-wrapper{text-align:center}.contact-text{font-size:clamp(1.2rem,3vw,1.8rem);line-height:1.5;color:#fffc;margin:0}.social-links{display:flex;justify-content:center;gap:1.5rem;margin-top:2rem;width:100%}.hero-title .line{display:block;background:linear-gradient(180deg,#fff,#ffffff80);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.social-link{display:flex;align-items:center;justify-content:center;padding:1.25rem 2rem;border:1px solid rgba(255,255,255,.15);border-radius:12px;font-family:var(--font-display);font-size:.95rem;text-transform:uppercase;letter-spacing:1px;background:#ffffff05;transition:all .3s var(--transition-smooth);position:relative;overflow:hidden;color:#fff}.social-icon{display:block;min-width:24px;width:24px;height:24px;stroke:#fff}.social-text{display:none}.social-link{padding:0;width:60px;height:60px;border-radius:12px;display:flex;justify-content:center;align-items:center}@media(max-width:768px){.contact-content{padding:2.5rem 2rem;gap:2rem;text-align:center}.contact-text-wrapper{order:-1}.social-links{grid-template-columns:repeat(4,1fr);gap:10px}.social-text{display:none}.social-icon{display:block!important;min-width:24px!important;width:24px!important;height:24px!important;stroke:#fff!important;opacity:1!important}.social-link{padding:1rem;border-radius:12px;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center}}.footer{padding:3rem 0;text-align:center;border-top:1px solid rgba(255,255,255,.05);margin-top:0;color:#fff6;font-size:.85rem}:root{--linear-ease: linear(0, .068, .19 2.7%, .804 8.1%, 1.037, 1.199 13.2%, 1.245, 1.27 15.8%, 1.274, 1.272 17.4%, 1.249 19.1%, .996 28%, .949, .928 33.3%, .926, .933 36.8%, 1.001 45.6%, 1.013, 1.019 50.8%, 1.018 54.4%, 1 63.1%, .995 68%, 1.001 85%, 1);--color-1: #ffffff;--color-2: #cccccc;--color-3: #ffffff;--color-4: #aaaaaa}.gooey-nav-container{position:relative;height:40px;display:flex;align-items:center}.gooey-nav-container nav{display:flex;position:relative;transform:translateZ(.01px);width:100%}.gooey-nav-container nav ul{display:flex;gap:2em;list-style:none;padding:0 1em;margin:0;position:relative;z-index:3;color:#fff;text-shadow:0 1px 1px hsl(205deg 30% 10% / .2)}.gooey-nav-container nav ul li{border-radius:100vw;position:relative;cursor:pointer;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease;box-shadow:0 0 .5px 1.5px transparent;color:#fff}.gooey-nav-container nav ul li a{display:inline-block;padding:.6em 1.2em;color:inherit;text-decoration:none;position:relative;z-index:2}.gooey-nav-container nav ul li:focus-within:has(:focus-visible){box-shadow:0 0 .5px 1.5px #fff}.gooey-nav-container nav ul li:after{content:"";position:absolute;inset:0;border-radius:100vw;background:#fff;opacity:0;transform:scale(0);transition:all .3s ease;z-index:-1}.gooey-nav-container nav ul li.active{color:#000;text-shadow:none}.gooey-nav-container nav ul li.active:after{opacity:1;transform:scale(1)}.gooey-nav-container .effect{position:absolute;left:0;top:0;width:0;height:0;opacity:1;pointer-events:none;display:grid;place-items:center;z-index:1}.gooey-nav-container .effect.text{color:#fff;transition:color .3s ease;font-family:var(--font-display);text-transform:uppercase;font-size:.8rem;letter-spacing:1px;font-weight:500;z-index:10}.gooey-nav-container .effect.text.active{color:#000}.gooey-nav-container .effect.filter{filter:blur(7px) contrast(100) blur(0);mix-blend-mode:lighten;z-index:0}.gooey-nav-container .effect.filter:before{content:"";position:absolute;inset:-75px;z-index:-2;background:#000}.gooey-nav-container .effect.filter:after{content:"";position:absolute;inset:0;background:#fff;transform:scale(0);opacity:0;z-index:-1;border-radius:100vw}.gooey-nav-container .effect.active:after{animation:pill .3s ease both}@keyframes pill{to{transform:scale(1);opacity:1}}.particle,.point{display:block;opacity:0;width:20px;height:20px;border-radius:100%;transform-origin:center}.particle{--time: 5s;position:absolute;top:calc(50% - 8px);left:calc(50% - 8px);animation:particle calc(var(--time)) ease 1 -.35s}.point{background:var(--color);opacity:1;animation:point calc(var(--time)) ease 1 -.35s}@keyframes particle{0%{transform:rotate(0) translate(calc(var(--start-x)),calc(var(--start-y)));opacity:1;animation-timing-function:cubic-bezier(.55,0,1,.45)}70%{transform:rotate(calc(var(--rotate) * .5)) translate(calc(var(--end-x) * 1.2),calc(var(--end-y) * 1.2));opacity:1;animation-timing-function:ease}85%{transform:rotate(calc(var(--rotate) * .66)) translate(calc(var(--end-x)),calc(var(--end-y)));opacity:1}to{transform:rotate(calc(var(--rotate) * 1.2)) translate(calc(var(--end-x) * .5),calc(var(--end-y) * .5));opacity:1}}@keyframes point{0%{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(.55,0,1,.45)}25%{transform:scale(calc(var(--scale) * .25))}38%{opacity:1}65%{transform:scale(var(--scale));opacity:1;animation-timing-function:ease}85%{transform:scale(var(--scale));opacity:1}to{transform:scale(0);opacity:0}}.works{padding:clamp(3rem,6vh,6rem) 0}.works-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;max-width:1100px;margin:0 auto}.linkedin-embed-card{padding:.5rem;border-radius:12px;overflow:hidden;transition:all .3s var(--transition-smooth);background:#14141466;border:1px solid rgba(255,255,255,.08);height:fit-content}.linkedin-embed-card:hover{transform:translateY(-3px);border-color:var(--accent-color);box-shadow:0 8px 30px #64ffda1f;background:#14141499}.linkedin-embed-card iframe{border-radius:8px;display:block;width:100%;background:#000}@media(max-width:968px){.works-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media(max-width:640px){.works{padding:clamp(2rem,5vh,4rem) 0}.works-grid{grid-template-columns:1fr;gap:1rem;padding:0 .5rem}.linkedin-embed-card{padding:.4rem}}@media(max-width:480px){.works-grid{gap:.75rem}.linkedin-embed-card{border-radius:10px}.linkedin-embed-card iframe{border-radius:6px}}.glare-hover{--gh-width: 100%;--gh-height: 100%;--gh-bg: #000;--gh-br: 20px;--gh-border: rgba(255, 255, 255, .1);--gh-angle: -45deg;--gh-duration: .65s;--gh-size: 250%;--gh-rgba: rgba(255, 255, 255, .5);width:var(--gh-width);height:var(--gh-height);background:var(--gh-bg);border-radius:var(--gh-br);border:1px solid var(--gh-border);overflow:hidden;position:relative;display:grid;place-items:center;transition:transform .3s ease}.glare-hover:before{content:"";position:absolute;inset:0;background:linear-gradient(var(--gh-angle),hsla(0,0%,0%,0) 60%,var(--gh-rgba) 70%,hsla(0,0%,0%,0),hsla(0,0%,0%,0) 100%);transition:var(--gh-duration) ease;background-size:var(--gh-size) var(--gh-size),100% 100%;background-repeat:no-repeat;background-position:-100% -100%,0 0;pointer-events:none;z-index:2}.glare-hover:hover{cursor:pointer;transform:scale(1.02)}.glare-hover:hover:before{background-position:100% 100%,0 0}.glare-hover--play-once:before{transition:none}.glare-hover--play-once:hover:before{transition:var(--gh-duration) ease;background-position:100% 100%,0 0}.glare-hover img{width:100%;height:100%;object-fit:cover;border-radius:var(--gh-br);display:block}.squares-canvas{width:100%;height:100%;border:none;display:block;position:fixed;top:0;left:0;z-index:-1;pointer-events:all;background:#000;opacity:.4}.target-cursor-wrapper{position:fixed;top:0;left:0;width:0;height:0;pointer-events:none;z-index:9999;mix-blend-mode:difference;transform:translate(-50%,-50%)}.target-cursor-dot{position:absolute;left:50%;top:50%;width:4px;height:4px;background:#fff;border-radius:50%;transform:translate(-50%,-50%);will-change:transform}.target-cursor-corner{position:absolute;left:50%;top:50%;width:12px;height:12px;border:3px solid #fff;will-change:transform}.corner-tl{transform:translate(-150%,-150%);border-right:none;border-bottom:none}.corner-tr{transform:translate(50%,-150%);border-left:none;border-bottom:none}.corner-br{transform:translate(50%,50%);border-left:none;border-top:none}.corner-bl{transform:translate(-150%,50%);border-right:none;border-top:none}.video-slider{position:relative;width:100%;height:100%;display:flex;align-items:center;gap:1rem;padding:2rem 0}.slider-track{flex:1;overflow:hidden;position:relative}.slider-container{display:flex;gap:2rem;transition:transform .5s cubic-bezier(.4,0,.2,1)}.video-slide{flex-shrink:0;width:280px;cursor:pointer;transition:transform .3s ease}.video-slide:hover{transform:translateY(-8px)}.video-thumbnail{position:relative;width:100%;aspect-ratio:9/16;border-radius:12px;overflow:hidden;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.video-thumbnail video{width:100%;height:100%;object-fit:cover;display:block}.play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0000004d;opacity:0;transition:opacity .3s ease;pointer-events:none}.video-slide:hover .play-overlay{opacity:1}.video-title{color:#fff;font-size:.95rem;margin:.75rem 0 0;text-align:center;font-weight:500}.slider-btn{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.slider-btn:hover{background:#ffffff26;border-color:#fff6;transform:scale(1.1)}.slider-btn:active{transform:scale(.95)}@media(max-width:768px){.video-slider{padding:1rem 0}.video-slide{width:220px}.slider-btn{width:40px;height:40px}.slider-btn svg{width:20px;height:20px}.video-title{font-size:.85rem}}.video-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;padding:1rem}.video-modal.show{opacity:1}.video-modal.closing{opacity:0}.video-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}.video-modal-content{position:relative;width:auto;max-width:min(90vw,600px);max-height:90vh;background:#000c;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:1rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #000c;transform:scale(.9);transition:transform .3s ease;display:flex;flex-direction:column;gap:1rem}.video-modal.show .video-modal-content{transform:scale(1)}.video-modal-close{position:absolute;top:-.5rem;right:-.5rem;width:36px;height:36px;border:none;background:#ffffff26;color:#fff;font-size:1.5rem;line-height:1;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.video-modal-close:hover{background:#ffffff4d;transform:rotate(90deg) scale(1.1)}.video-modal-title{color:#fff;font-size:1.1rem;margin:0;font-weight:600;text-align:center;padding:0 2rem}.video-modal-player{width:100%;max-height:calc(90vh - 4rem);border-radius:8px;background:#000;outline:none;display:block;aspect-ratio:9/16;object-fit:contain}@media(max-width:768px){.video-modal{padding:.5rem}.video-modal-content{max-width:95vw;max-height:95vh;padding:.75rem;gap:.75rem}.video-modal-title{font-size:1rem;padding:0 1.5rem}.video-modal-close{width:32px;height:32px;font-size:1.25rem}.video-modal-player{max-height:calc(95vh - 3rem)}}@media(min-width:769px){.video-modal-content{max-width:min(500px,40vw)}}