html{scroll-behavior:smooth;background-color:#0000}body{background-color:#1a1a1a;color:#fff;font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif;overflow-x:hidden}#root{background:transparent;position:relative;z-index:1}#bg-particles{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:-1}.service-title{background:linear-gradient(135deg,#6a1b9a,#2c7873)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}hr{border:none;height:4px;background:linear-gradient(-90deg,#2c7873,#6a1b9a);width:33%}.Services-hr{width:67%;height:8px;background:linear-gradient(90deg,#2c7873,#6a1b9a)}.tworem{height:2rem}.process{padding:3rem 2rem;box-shadow:0 0 50px #6a1b9a40,0 0 60px #2c787340,0 20px 45px #0006;border-radius:15px;margin-top:4rem;transition:transform .5s cubic-bezier(.25,.8,.25,1),box-shadow .6s ease;transform-style:preserve-3d;background:linear-gradient(135deg,#1a1a1a,#231a2b,#162422);background-size:400% 400%;animation:gradientShift 10s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.process:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 0 70px #2c787366,0 0 70px #6a1b9a66,0 25px 65px #0000008c}.process h2{text-align:center;font-size:2.5rem;color:#6a1b9a;margin-bottom:2rem}.process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;text-align:center}.step{background:linear-gradient(135deg,#2c7873,#6a1b9a);border-radius:15px;padding:2rem 1rem;transition:transform .3s ease,box-shadow .3s ease}.step h3{font-size:1.5rem;margin-bottom:1rem;color:#fff}.step p{font-size:1rem;color:#e0e0e0}.step:hover{transform:translateY(-10px);box-shadow:0 0 24px 6px #6a1b9a}.Alert{position:fixed;left:1rem;top:6rem;margin-right:1rem;background-color:#f006;text-align:center;padding:0 1rem;border:2px solid #6a1b9a66;border-radius:12px;z-index:9999;color:#fffc;pointer-events:none}.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}.none{display:flex;align-items:center;gap:inherit;text-decoration:none;color:#fff;cursor:pointer;pointer-events:auto;position:relative;z-index:10}.alink{color:#8c3dbc;transition:color .2s ease}.alink:hover{color:#6a1b9a}.alink:active,.alink:visited{color:#8c3dbc}:root{--header-padding: 1rem 1.5rem;--header-radius: .5rem;--header-blur: 2px;--header-bg-light: rgba(255,255,255,.06);--header-bg-dark: rgba(0,0,0,.45);--header-border: rgba(255,255,255,.08)}.header{position:sticky;top:0;z-index:2611;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:var(--header-padding);color:inherit;background:linear-gradient(180deg,var(--header-bg-light),rgba(255,255,255,.02));border-bottom:1px solid var(--header-border);-webkit-backdrop-filter:blur(var(--header-blur)) saturate(120%);backdrop-filter:blur(var(--header-blur)) saturate(120%);border-radius:var(--header-radius);margin:.5rem;box-shadow:0 6px 18px #02061740}.header-title{font-size:1.125rem;font-weight:600}.header-image{display:flex;align-items:center;flex-direction:row;gap:10px}.header-nav{display:flex;gap:1rem;align-items:center}.header-nav span{text-decoration:none;padding:.45rem .6rem;border-radius:.35rem;font-weight:500;color:inherit;transition:background .16s ease,transform .12s ease;cursor:pointer}.header-nav span:hover{transform:translateY(-2px);background:#ffffff0a}.header-nav span:active{transform:translateY(0);background:#ffffff08}.arrow:hover{transform:translateY(0)!important;background:transparent!important}.arrow:active{transform:translateY(0);background:transparent}.dropdown{position:relative}.dropdown-title{padding:.45rem .6rem;border-radius:.35rem;cursor:pointer;display:flex;align-items:center;gap:6px}.dropdown-title:hover{transform:translateY(-2px);background:#ffffff0a}.dropdown-title:active{transform:translateY(0);background:#ffffff08}.dropdown-title .arrow{transition:transform .22s ease}.dropdown.open .arrow{transform:rotate(90deg)}.dropdown-menu{position:absolute;top:calc(100% + 2rem);left:-.3rem;text-align:end;background:linear-gradient(135deg,#141e30eb,#243b55e6,#1e283cf2);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0006;backdrop-filter:blur(16px) saturate(180%) brightness(1.1);-webkit-backdrop-filter:blur(16px) saturate(180%) brightness(1.1);border-radius:var(--header-radius);overflow:hidden;min-width:129px;padding:0;opacity:0;transform:translateY(-8px);pointer-events:none;max-height:0;transition:opacity .2s ease,transform .2s ease,max-height .22s ease}.dropdown-menu a{text-decoration:none;display:block;padding:.55rem .85rem;color:#fff}.dropdown.open .dropdown-menu{opacity:1;transform:translateY(0);max-height:300px;pointer-events:auto}.burger{display:none}@media(max-width:768px){.burger{display:flex;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;z-index:4000;transition:transform .12s ease}.burger:hover{transform:scale(1.1)}.burger:active{transform:scale(.95)}.burger span{width:24px;height:3px;background:#fff;border-radius:2px}.header-nav{position:absolute;top:calc(100% + .5rem);right:0;display:flex;flex-direction:column;gap:.75rem;background:linear-gradient(135deg,#141e30eb,#243b55e6,#1e283cf2);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0006;backdrop-filter:blur(16px) saturate(180%) brightness(1.1);-webkit-backdrop-filter:blur(16px) saturate(180%) brightness(1.1);border-radius:var(--header-radius);padding:0;max-height:0;opacity:0;overflow:hidden;pointer-events:none;transition:max-height .32s cubic-bezier(.2,.9,.2,1),opacity .22s ease,padding .22s ease;z-index:4100}.header-nav.open{padding:.75rem 1rem;max-height:800px;opacity:1;overflow:visible;pointer-events:auto}.header-nav .dropdown-menu{position:absolute;top:0;right:calc(100% + 1.45rem);left:auto;min-width:135px;background:linear-gradient(135deg,#141e30eb,#243b55e6,#1e283cf2);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0006;backdrop-filter:blur(16px) saturate(180%) brightness(1.1);-webkit-backdrop-filter:blur(16px) saturate(180%) brightness(1.1);border-radius:var(--header-radius);z-index:4500;pointer-events:none;max-height:0;opacity:0;overflow:hidden;transform:translate(-12px);transition:max-height .26s ease,opacity .22s ease,transform .22s ease,padding .2s ease;padding:0}.header-nav .dropdown.open .dropdown-menu{max-height:300px;opacity:1;pointer-events:auto;transform:translate(0);padding:.5rem 0}.header-nav .dropdown-menu a{padding-left:1.25rem;display:block}}.footer-section{width:100%;color:#fff;padding:2.5rem 0;text-align:center;border-top:2px solid #2c7873}.footer-container{width:85%;max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem;align-items:center}.footer-socials{display:flex;gap:1.5rem;flex-wrap:wrap}.footer-links a{color:#fff;text-decoration:none;font-weight:500;transition:color .3s ease,transform .3s ease;background-color:#1a1a1a}.footer-links a:hover{background:linear-gradient(135deg,#2c7873,#6a1b9a);-webkit-background-clip:text;background-clip:text;color:transparent;transform:translateY(-2px)}.footer-copy{font-size:.9rem;opacity:.7}.footer-icon{color:#6a1b9a;transition:color .3s ease,transform .3s ease;font-size:24px}.footer-icon:hover{color:#2c7873;transform:translateY(-2px)}.hero-wrapper{width:100%;position:relative;padding:5rem 0;overflow:visible;height:80vh}.hero-container{max-width:900px;margin:auto;padding:4rem 2.5rem;background:#1a1a1aa6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:30px;color:#fff;text-align:center;position:relative;z-index:10;box-shadow:0 0 50px #6a1b9a40,0 0 60px #2c787340,0 20px 45px #0006;transition:transform .5s cubic-bezier(.25,.8,.25,1),box-shadow .6s ease;transform-style:preserve-3d}.hero-container:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 0 70px #2c787366,0 0 70px #6a1b9a66,0 25px 65px #0000008c}.hero-content{animation:fadeIn 1.2s ease forwards;opacity:0}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.hero-title{font-size:3.4rem;font-weight:800;margin-bottom:.9rem;letter-spacing:1.2px;background:linear-gradient(130deg,#2c7873,#2c4778,#7c1b9a);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-rotating-text{font-size:1.65rem;font-weight:700;margin-bottom:1.2rem;opacity:.95}.role-highlight{color:#6a1b9a;font-weight:800;letter-spacing:.5px;filter:drop-shadow(0 0 6px rgba(106,27,154,.45));transition:.25s ease}.cursor{display:inline-block;animation:blink 1s step-end infinite;color:#fff}@keyframes blink{50%{opacity:0}}.hero-subtitle{font-size:1.25rem;opacity:.82;margin-bottom:2.4rem}.hero-buttons{display:flex;flex-direction:column;gap:.9rem}.hero-button,.hero-button2{border-radius:80px;font-size:1.05rem;font-weight:600;cursor:pointer;text-decoration:none;transition:all .35s ease;align-self:center}.hero-button{background:#6a1b9a;color:#fff;padding:1rem 3.2rem;border:2px solid transparent;box-shadow:0 0 14px #6a1b9a73}.hero-button:hover{background:transparent;color:#6a1b9a;border:2px solid #6a1b9a;box-shadow:0 0 18px #6a1b9a8c}.hero-button2{background:transparent;color:#2c7873;padding:1rem 2.4rem;border:2px solid #2c7873;box-shadow:0 0 14px #2c787373}.hero-button2:hover{background:#2c7873;color:#fff;box-shadow:0 0 18px #2c78738c}.hero-button:active,.hero-button2:active{transform:scale(.95)}.hero-button-between-text{opacity:.6}.about-section{width:100%;padding:5rem 0;color:#fff}.about-container{width:85%;max-width:1100px;margin:0 auto;display:flex;gap:3rem;align-items:center;justify-content:center;flex-wrap:wrap}.about-image-wrapper{flex:1 1 350px;display:flex;justify-content:center}.about-image{height:300px;object-fit:cover;border-radius:24px;box-shadow:0 15px 30px #0006;transition:transform .6s ease,box-shadow .6s ease}.about-image:hover{transform:scale(1.03);box-shadow:0 18px 36px #0000008c}.about-content{flex:1 1 450px;animation:fadeInRight 1.2s ease;background-color:#1a1a1a;border-radius:30px;padding:.5rem 3rem;background:#1a1a1aa6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;box-shadow:0 0 50px #6a1b9a40,0 0 60px #2c787340,0 20px 45px #0006;transition:transform .5s cubic-bezier(.25,.8,.25,1),box-shadow .6s ease;transform-style:preserve-3d}.about-content:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 0 70px #2c787366,0 0 70px #6a1b9a66,0 25px 65px #0000008c}.about-title{font-size:2.6rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#2c7873,#6a1b9a,#6a1b9a)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;font-family:Poppins,Arial,sans-serif}.about-text{font-size:1.15rem;line-height:1.7rem;opacity:.9;margin-bottom:2rem}.about-facts{display:flex;gap:1.2rem;flex-wrap:wrap;margin-bottom:2.5rem}.fact-card{background:linear-gradient(135deg,#6a1b9aee,#2c7873ee);padding:1.4rem 1.6rem;border-radius:16px;flex:1;min-width:150px;text-align:center;color:#fff;box-shadow:0 10px 24px #00000080;transition:.35s ease}.fact-card:hover{transform:translateY(-6px);background:linear-gradient(135deg,#6a1b9a,#2c7873);box-shadow:0 12px 28px #000c}.about-timeline{margin-top:1.5rem}.timeline-title{font-size:1.6rem;font-weight:600;margin-bottom:1rem;color:#2c7873;font-family:Poppins,Arial,sans-serif}.timeline-list{list-style:none;padding-left:0}.timeline-list li{position:relative;padding-left:28px;margin-bottom:.7rem;opacity:.9}.timeline-list .dot{width:12px;height:12px;background:#6a1b9a;border-radius:50%;position:absolute;left:0;top:5px}.h3{font-weight:600;font-size:1.2rem}.photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.photo-item{width:100%;overflow:hidden;cursor:pointer;box-shadow:0 0 12px 5px #8c3dbd}.photo-item img{width:100%;height:100%;object-fit:cover;cursor:pointer;border-radius:8px;transition:transform .2s}.photo-item img:hover{transform:scale(1.05)}.lightbox-overlay{pointer-events:auto;position:fixed;inset:0;width:100%;height:100%;background:linear-gradient(135deg,#2c787333,#6a1b9a33);display:flex;justify-content:center;align-items:center;z-index:9999}.lightbox-image{max-width:90%;max-height:90%;border-radius:10px;box-shadow:0 0 30px #000000b3}.lightbox-close{position:fixed;top:80px;right:30px;font-size:2rem;color:#fff;background:transparent;border:none;cursor:pointer}.lightbox-prev,.lightbox-next{position:fixed;top:50%;transform:translateY(-50%);font-size:3rem;color:#fff;background:transparent;border:none;cursor:pointer;-webkit-user-select:none;user-select:none}.lightbox-prev{left:30px}.lightbox-next{right:30px}.bento-grid-3{display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:auto auto;gap:25px}.bento-3-item{width:100%;overflow:hidden;border-radius:10px;box-shadow:0 0 12px 5px #8c3dbd;transition:transform .2s ease}.bento-3-item:hover{transform:scale(1.02)}.bento-3-item img{width:100%;height:100%;object-fit:cover;display:block;border-radius:10px}.bento-3-item.large{grid-row:span 2}.bento-3-item.small{grid-column:2;grid-row:1}.bento-3-item.wide{grid-column:2;grid-row:2}@media(max-width:700px){.bento-grid-3{grid-template-columns:1fr;grid-template-rows:auto}.bento-3-item.large,.bento-3-item.small,.bento-3-item.wide{grid-column:auto;grid-row:auto}}.services-overview-section{width:100%;padding:4rem 0;color:#fff;text-align:center}.services-overview-title{font-size:2.4rem;background:linear-gradient(135deg,#2c7873,#6a1b9a);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:.8rem;font-weight:700;font-family:Poppins,Arial,sans-serif}.services-overview-subtitle{font-size:1.15rem;opacity:.85;max-width:700px;margin:0 auto 2.5rem;line-height:1.7rem}.services-overview-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:1rem;margin-bottom:3rem}.services-overview-buttons button{padding:.9rem 1.8rem;background:#1a1a1a;border:2px solid #2c7873;color:#fff;font-size:1rem;border-radius:40px;cursor:pointer;transition:.3s ease}.services-overview-buttons button:hover{background:#2c7873;color:#fff;transform:translateY(-4px);box-shadow:0 8px 20px #00000059}.service-mockup{flex:1 1 400px;display:flex;justify-content:center}.mockup-laptop{width:400px;height:250px;border-radius:20px;overflow:hidden;box-shadow:0 15px 35px #00000080;transition:transform .5s ease,box-shadow .5s ease}.mockup-laptop:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 45px #0009}.mockup-image{width:100%;height:100%;object-fit:cover}.service-container{width:85%;max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:3rem;flex-wrap:wrap}.service-content{flex:1 1;animation:fadeInRight 1s ease}.service-title{font-size:2.4rem;font-weight:700;color:#6a1b9a;margin-bottom:1rem;font-family:Poppins,Arial,sans-serif}.service-button{display:inline-block;padding:.85rem 2rem;background:#2c7873;color:#fff;border-radius:50px;font-weight:600;text-decoration:none;transition:.3s ease}.service-button:hover{background:#6a1b9a;transform:translateY(-3px)}.nocollumforvideo{display:block;width:60%}.animation-item{overflow:hidden;border-radius:16px;box-shadow:0 12px 30px #00000080;transition:transform .4s ease,box-shadow .4s ease}.animation-item img{width:100%;height:auto;display:block;object-fit:cover}.animation-item:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 18px 40px #0009}.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;width:100%}.video-item{position:relative;width:100%;cursor:pointer;overflow:hidden;border-radius:16px;box-shadow:0 12px 30px #00000080;transition:transform .4s ease,box-shadow .4s ease;aspect-ratio:16 / 9}.video-item:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 18px 40px #0009}.video-item video,.video-item img{width:100%;height:100%;object-fit:cover;display:block}.video-single-wrapper{width:100%;max-width:800px;cursor:pointer;overflow:hidden;border-radius:16px;box-shadow:0 12px 30px #00000080;transition:transform .4s ease,box-shadow .4s ease}.video-single-wrapper:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 18px 40px #0009}.video-single-wrapper video,.video-single-wrapper img{width:100%;height:auto;display:block}.preview-video{width:100%;height:100%;object-fit:cover}.video-lightbox-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:2rem}.lightbox-video{max-width:90vw;max-height:90vh;width:auto;height:auto;border-radius:8px;box-shadow:0 20px 60px #000c}.lightbox-close{position:absolute;top:2rem;right:6rem;border:none;color:#fff;font-size:3rem;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .3s ease;z-index:10000}.lightbox-close:hover{color:#d00}.lightbox-prev,.lightbox-next{position:absolute;top:50%;transform:translateY(-50%);border:none;color:#fff;font-size:3rem;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .3s ease;z-index:10000}.lightbox-prev{left:2rem}.lightbox-next{right:6rem}.lightbox-prev:hover,.lightbox-next:hover{color:#ffffff4d}@media(max-width:768px){.video-grid{grid-template-columns:1fr}.lightbox-video{max-width:95vw;max-height:80vh}.lightbox-close{top:1rem;right:1rem;width:40px;height:40px;font-size:2rem}.lightbox-prev,.lightbox-next{width:40px;height:40px;font-size:2rem}.lightbox-prev{left:1rem}.lightbox-next{right:1rem}}.skill-badges{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.skill-badge{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.2rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .3s ease;animation:fadeInUp .6s ease both}.skill-badge:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-3px)}.skill-icon{font-size:1.5rem;filter:grayscale(.3);color:#eee;margin-top:.3rem}.skill-icon:hover{color:#fff}.skill-text{font-size:.95rem;opacity:.9}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.editing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;width:100%}.editing-item{overflow:hidden;border-radius:16px;box-shadow:0 12px 30px #00000080;transition:transform .4s ease,box-shadow .4s ease}.editing-item img{width:100%;height:auto;display:block;object-fit:cover}.editing-item:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 18px 40px #0009}.service-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:50px;color:#fff;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .4s ease;cursor:pointer;position:relative;overflow:hidden}.service-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff1a;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.service-button:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0000004d;border-color:#fff6;background:#ffffff26}.service-button:hover .button-icon{transform:translate(3px)}.service-button span{position:relative;z-index:1}@media(max-width:768px){.skill-badges{gap:.8rem}.skill-badge{padding:.6rem 1rem;font-size:.9rem}.skill-icon{font-size:1.3rem}.skill-text{font-size:.85rem}.service-button{padding:.9rem 1.8rem;font-size:1rem}}.websites-page{font-family:Inter,sans-serif}.title{letter-spacing:2px}.subtitle{line-height:1.6}.feature-card{background:#2c7873;padding:2rem;border-radius:1rem;text-align:center;transition:transform .3s ease}.feature-card:hover{transform:translateY(-8px)}.feature-card h2{color:#1a1a1a;font-size:1.5rem;margin-bottom:.5rem;font-weight:700}.feature-card p{color:#e5e5e5}.examples-title{letter-spacing:1px}.example-card{background:linear-gradient(135deg,#1a1a1a,#252525);padding:1.5rem;border-radius:1.25rem;transition:all .4s cubic-bezier(.2,.9,.2,1);border:2px solid rgba(106,27,154,.2);overflow:hidden;position:relative;cursor:pointer;box-shadow:0 10px 40px #0000004d}.example-card:after{content:"";position:absolute;inset:0;opacity:0;transition:opacity .4s ease;pointer-events:none}.example-card:hover{border-color:#6a1b9a;transform:translateY(-8px);box-shadow:0 20px 60px #00000080,0 0 40px #6a1b9a4d}.example-card:hover:after{opacity:1}.example-img{height:180px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:1rem;transition:all .6s cubic-bezier(.2,.9,.2,1);object-fit:cover;width:100%;transform:scale(.8);filter:brightness(.9) saturate(.9);box-shadow:0 8px 24px #0006}.example-card:hover .example-img{height:505px;transform:scale(1);filter:brightness(1.05) saturate(1.1);box-shadow:0 12px 40px #6a1b9a66}.websites-page{color:#fff;min-height:100vh;padding:80px 24px;display:flex;flex-direction:column;align-items:center}.web-title{font-size:3rem;font-weight:700;margin-bottom:24px;background:linear-gradient(135deg,#2c7873,#6a1b9a,#2c7873);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 8s ease infinite,titleFloat 3s ease-in-out infinite;position:relative;text-shadow:0 0 30px rgba(106,27,154,.3)}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes titleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(min-width:768px){.web-title{font-size:3.75rem}}.web-subtitle{font-size:1.125rem;max-width:800px;text-align:center;color:#ccc;margin-bottom:48px;animation:fadeInUp 1s ease .3s both;line-height:1.8}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(min-width:768px){.web-subtitle{font-size:1.25rem}}.features-section{display:flex;flex-direction:column;gap:40px;max-width:960px;width:100%;margin-bottom:80px;position:relative;transition:all .3s ease}.card-1{animation:fadeInUp .8s ease .2s both}.card-2{animation:fadeInUp .8s ease .4s both}.card-3{animation:fadeInUp .8s ease .6s both}@media(min-width:768px){.features-section{flex-direction:row;justify-content:space-between}}.feature-card{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);padding:24px;border-radius:16px;text-align:center;cursor:pointer;overflow:hidden;flex:1 1 30%;position:relative;border:1px solid rgba(106,27,154,.2);transition:transform .32s cubic-bezier(.2,.9,.2,1),flex-grow .32s cubic-bezier(.2,.9,.2,1),order .32s ease,box-shadow .32s ease,border-color .32s ease}.feature-card:before{content:"";position:absolute;inset:-2px;border-radius:16px;padding:2px;background:linear-gradient(135deg,#2c7873,#6a1b9a,#2c7873);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .32s ease}.feature-card:hover:before,.feature-card:focus:before{opacity:1}.feature-card:hover,.feature-card:focus{transform:translateY(-10px) scale(1.04);box-shadow:0 22px 40px #00000059;z-index:3}.default-text{opacity:1;transform:translateY(0);transition:opacity .22s ease,transform .22s ease}.hover-text{opacity:0;transform:translateY(10px);transition:opacity .22s ease 80ms,transform .22s ease 80ms}.feature-card:hover .default-text,.feature-card:focus .default-text{transform:translateY(-6px)}.feature-card:hover .hover-text,.feature-card:focus .hover-text{opacity:1;transform:translateY(0)}@media(min-width:768px){.card-1{order:1}.card-2{order:2}.card-3{order:3}.feature-card:hover,.feature-card:focus{flex-grow:2.2}.card-1:hover,.card-1:focus{order:1}.card-2:hover,.card-2:focus{order:2}.card-3:hover,.card-3:focus{order:3}.card-1:hover,.card-2:hover,.card-3:hover,.card-1:focus,.card-2:focus,.card-3:focus{z-index:5}.feature-card{transition:transform .32s cubic-bezier(.2,.9,.2,1),box-shadow .32s ease,opacity .2s ease}}.features-section{display:flex;flex-direction:column;gap:40px;max-width:960px;width:100%;margin-bottom:80px;position:relative}@media(min-width:768px){.features-section{transition:all .42s cubic-bezier(.25,.85,.2,1.1)}.features-section{flex-direction:row;justify-content:center;align-items:stretch}.feature-card{opacity:.92;transform:translateY(0) scale(1);transition:transform .5s cubic-bezier(.25,.85,.2,1.1) 40ms,opacity .42s ease,box-shadow .42s ease,flex-grow .5s cubic-bezier(.25,.85,.2,1.1) 40ms;flex:1;transition:transform .42s cubic-bezier(.2,.9,.2,1),box-shadow .42s ease,flex-grow .42s ease;box-shadow:0 0 50px #6a1b9a40,0 0 60px #2c787340,0 20px 45px #0006}.feature-card:hover,.feature-card:focus{flex-grow:2;transform:translateY(-12px) scale(1.08);opacity:1;z-index:3;transform:translateY(-8px) scale(1.02);box-shadow:0 0 70px #2c787366,0 0 70px #6a1b9a66,0 25px 65px #0000008c}.feature-card .feature-card:focus{flex:2;transform:scale(1.05);z-index:3}}.examples-title{font-size:2rem;font-weight:600;margin-bottom:40px;background:linear-gradient(135deg,#2c7873,#6a1b9a,#2c7873);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 8s ease infinite;position:relative;text-align:center}.examples-title:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:100px;height:3px;background:linear-gradient(90deg,transparent,#6a1b9a,transparent);border-radius:2px}@media(min-width:768px){.examples-title{font-size:2.5rem}}.examples-grid{display:grid;grid-template-columns:1fr;gap:40px;max-width:960px;width:100%}.example-card:nth-child(1){animation:fadeInUp .8s ease .1s both}.example-card:nth-child(2){animation:fadeInUp .8s ease .3s both}.example-card:nth-child(3){animation:fadeInUp .8s ease .5s both}.horizontal-layout-for-the-example-text-and-button{display:flex;flex-direction:row;justify-content:space-between}.service-button{min-height:20px!important;max-height:42px!important;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.2,.9,.2,1)}.service-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.service-button:hover:before{width:300px;height:300px}.service-button:hover{box-shadow:0 0 20px #6a1b9a80,0 0 40px #2c78734d}@media(max-width:1024px){.feature-card:hover,.feature-card:focus{transform:none!important;flex-grow:1!important;box-shadow:none!important;z-index:1!important}.example-img,.example-card:hover .example-img{height:auto!important;transform:none!important}}.process{width:100%;max-width:960px;margin-top:80px;padding:60px 24px;background:linear-gradient(135deg,#1a1a1a99,#2d2d2d99);border-radius:24px;border:1px solid rgba(106,27,154,.2);position:relative;overflow:hidden}.process:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(106,27,154,.15),transparent 70%);animation:processGlow 8s ease-in-out infinite}@keyframes processGlow{0%,to{transform:translate(0) scale(1);opacity:.5}50%{transform:translate(-20%,20%) scale(1.2);opacity:.8}}.process h2{position:relative;z-index:1;text-align:center;margin-bottom:48px}.process-steps{display:grid;grid-template-columns:1fr;gap:24px;position:relative;z-index:1}@media(min-width:768px){.process-steps{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.process-steps{grid-template-columns:repeat(4,1fr)}}.step{background:linear-gradient(135deg,#2c78731a,#6a1b9a1a);padding:32px 24px;border-radius:16px;border:1px solid rgba(106,27,154,.3);transition:all .4s cubic-bezier(.2,.9,.2,1);position:relative;overflow:hidden}.step:nth-child(1){animation:fadeInUp .8s ease .7s both}.step:nth-child(2){animation:fadeInUp .8s ease .85s both}.step:nth-child(3){animation:fadeInUp .8s ease 1s both}.step:nth-child(4){animation:fadeInUp .8s ease 1.15s both}.step:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#2c7873,#6a1b9a);transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.2,.9,.2,1)}.step:hover:before{transform:scaleX(1)}.step:hover{transform:translateY(-8px);border-color:#6a1b9a;background:linear-gradient(135deg,#2c787333,#6a1b9a33);box-shadow:0 20px 40px #0006,0 0 30px #6a1b9a4d}.step h3{font-size:1.5rem;margin-bottom:12px;background:linear-gradient(135deg,#2c7873,#6a1b9a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.step p{color:#ccc;line-height:1.6}.showcase-video{width:67%;max-width:900px;border-radius:20px;margin:60px auto;display:block;box-shadow:0 20px 60px #00000080,0 0 50px #6a1b9a4d,0 0 80px #2c787333;border:2px solid rgba(106,27,154,.3);transition:all .5s cubic-bezier(.2,.9,.2,1);position:relative;animation:videoFloat 6s ease-in-out infinite}.showcase-video:hover{transform:scale(1.02);box-shadow:0 30px 80px #0009,0 0 70px #6a1b9a80,0 0 100px #2c78734d}@keyframes videoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:768px){.showcase-video{width:90%}}.photoedit-page{color:#fff;font-family:Poppins,sans-serif;padding:2rem;overflow-x:hidden}.fade-in-section{opacity:0;transform:translateY(30px);animation:fadeInUp .8s ease-out forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.intro{text-align:center;padding:4rem 2rem}.intro h1{font-size:3rem;color:#6a1b9a;margin-bottom:1rem;letter-spacing:2px}.glow-text{color:#fff!important;animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{text-shadow:0 0 10px #2c7873,0 0 20px #2c7873,0 0 30px #2c7873}to{text-shadow:0 0 20px #4e9a95,0 0 30px #4e9a95,0 0 40px #4e9a95}}.intro-text{font-size:1.2rem;color:#fff;max-width:800px;margin:0 auto;line-height:1.8}.highlight{text-decoration:none;color:#2c7873;font-weight:700;transition:color .2s ease;position:relative}.highlight:after{content:"";position:absolute;width:0;height:2px;bottom:-2px;left:0;background-color:#4e9a95;transition:width .3s ease}.highlight:hover:after{width:100%}.highlight:hover{color:#4e9a95}.services-showcase{padding:4rem 2rem;text-align:center}.services-showcase h2{font-size:2.5rem;color:#6a1b9a;margin-bottom:3rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.service-card{background:linear-gradient(135deg,#6a1b9a1a,#2c78731a);border:2px solid rgba(106,27,154,.3);border-radius:20px;padding:2rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;animation:slideIn .6s ease-out forwards;opacity:0}@keyframes slideIn{to{opacity:1}}.service-card:hover{transform:translateY(-10px) scale(1.05);border-color:#6a1b9a;box-shadow:0 10px 40px #6a1b9a66}.service-icon{font-size:3rem;margin-bottom:1rem;display:inline-block;transition:transform .3s ease}.service-card:hover .service-icon{transform:rotate(360deg) scale(1.2)}.service-card h3{font-size:1.5rem;color:#6a1b9a;margin-bottom:1rem}.service-card p{color:#ccc;line-height:1.6}.before-after-section{padding:4rem 2rem;text-align:center}.before-after-section h2{font-size:2.5rem;color:#6a1b9a;margin-bottom:3rem}.comparison-slider{max-width:800px;margin:0 auto;cursor:ew-resize;-webkit-user-select:none;user-select:none}.comparison-container{position:relative;width:100%;aspect-ratio:3/4;overflow:hidden;border-radius:20px;box-shadow:0 10px 50px #00000080}.image-before,.image-after{position:absolute;top:0;left:0;width:100%;height:100%}.image-before img,.image-after img{width:100%;height:100%;object-fit:cover}.label{position:absolute;top:20px;padding:8px 20px;background:#000000b3;color:#fff;font-weight:700;border-radius:5px;font-size:.9rem}.label-before{left:20px}.label-after{right:20px}.slider-line{position:absolute;top:0;bottom:0;width:4px;background:#6a1b9a;transform:translate(-50%);pointer-events:none;box-shadow:0 0 20px #6a1b9acc}.slider-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:#6a1b9a;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #6a1b9acc;pointer-events:auto}.slider-arrow{color:#fff;font-size:1rem;position:absolute}.slider-arrow.left{left:10px}.slider-arrow.right{right:10px}.tools-section{padding:4rem 2rem;text-align:center}.tools-section h2{font-size:2.5rem;color:#6a1b9a;margin-bottom:3rem}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.tool-card{background:linear-gradient(135deg,#6a1b9a1a,#2c78731a);border:2px solid rgba(106,27,154,.3);border-radius:15px;padding:2rem;transition:all .3s ease}.tool-card:hover{transform:translateY(-5px);border-color:#6a1b9a;box-shadow:0 5px 30px #6a1b9a4d}.tool-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.tool-icon{font-size:2rem}.tool-header h3{color:#6a1b9a;font-size:1.3rem;margin:0}.skill-bar-container{background:#0000004d;border-radius:10px;height:30px;overflow:hidden;position:relative}.skill-bar{height:100%;background:linear-gradient(90deg,#2c7873,#6a1b9a);border-radius:10px;display:flex;align-items:center;justify-content:flex-end;padding-right:10px;transition:width 1.5s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.skill-bar:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.skill-percentage{color:#fff;font-weight:700;font-size:.9rem;z-index:1}.examples{padding:4rem 2rem;text-align:center}.examples h2{font-size:2.5rem;color:#6a1b9a;margin-bottom:2rem}.gallery-filters{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.filter-btn{padding:.8rem 2rem;background:#6a1b9a1a;border:2px solid rgba(106,27,154,.3);color:#fff;border-radius:25px;cursor:pointer;font-family:Poppins,sans-serif;font-size:1rem;transition:all .3s ease}.filter-btn:hover{background:#6a1b9a33;border-color:#6a1b9a;transform:translateY(-2px)}.filter-btn.active{background:#6a1b9a;border-color:#6a1b9a;box-shadow:0 5px 20px #6a1b9a66}.photo-gallery{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;animation:fadeIn .6s ease-in}.photo-gallery img{width:400px;border:3px solid #2c7873;border-radius:15px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer}.photo-gallery img:hover{transform:scale(1.08) rotate(2deg);box-shadow:0 10px 40px #6a1b9a99;border-color:#6a1b9a}.photo-process-section{padding:4rem 2rem;text-align:center;display:flex;flex-direction:column;align-items:center}.photo-process-section h2{font-size:2.5rem;color:#6a1b9a;margin-bottom:3rem}.photo-process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1400px;margin:0 auto}.photo-process-step{background:linear-gradient(135deg,#6a1b9a1a,#2c78731a);border:2px solid rgba(106,27,154,.3);border-radius:20px;padding:2rem;transition:all .3s ease;position:relative;overflow:hidden}.photo-process-step:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(106,27,154,.1),transparent);opacity:0;transition:opacity .3s ease}.photo-process-step:hover:before{opacity:1}.photo-process-step:hover{transform:translateY(-10px);border-color:#6a1b9a;box-shadow:0 10px 30px #6a1b9a4d}.photo-step-number{width:50px;height:50px;background:linear-gradient(135deg,#6a1b9a,#2c7873);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1rem;color:#fff;position:relative;z-index:1}.photo-process-step h3{font-size:1.5rem;color:#6a1b9a;margin-bottom:1rem;position:relative;z-index:1}.photo-process-step p{color:#ccc;line-height:1.6;position:relative;z-index:1}@media(max-width:1200px){.photo-process-steps{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:768px){.intro h1{font-size:2rem}.services-grid,.photo-process-steps,.tools-grid{grid-template-columns:1fr!important}.photo-gallery img{width:100%;max-width:400px}.comparison-slider{max-width:100%}}.service-section{width:100%;padding:5rem 0;color:#fff}.service-container{width:85%;max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:3rem;align-items:center}.service-content{text-align:center;animation:fadeInRight 1s ease}.service-title{font-size:2.4rem;font-weight:700;margin-bottom:1rem;font-family:Poppins,Arial,sans-serif}.service-description{font-size:1.1rem;opacity:.9;margin-bottom:1.5rem;line-height:1.6rem}.service-bullets{list-style:disc inside;margin-bottom:2rem;opacity:.85}.service-bullets li{margin-bottom:.7rem}.photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;width:100%}.photo-item{overflow:hidden;border-radius:16px;box-shadow:0 12px 30px #00000080;transition:transform .4s ease,box-shadow .4s ease}.photo-item img{width:100%;height:100%;display:block;object-fit:cover}.photo-item:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 18px 40px #0009}@keyframes fadeInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.contact-section{width:100%;padding:8rem 0;color:#fff;text-align:center}.contact-container{max-width:700px;margin:0 auto;animation:fadeIn 1s ease;background-color:#1a1a1a;border-radius:30px;padding:.5rem 3rem 1.5rem;background:#1a1a1aa6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;box-shadow:0 0 50px #6a1b9a40,0 0 60px #2c787340,0 20px 45px #0006;transition:transform .5s cubic-bezier(.25,.8,.25,1),box-shadow .6s ease;transform-style:preserve-3d}.contact-container:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 0 70px #2c787366,0 0 70px #6a1b9a66,0 25px 65px #0000008c}.contact-title{font-size:2.8rem;font-weight:700;background:linear-gradient(135deg,#2c7873,#6a1b9a)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;margin-bottom:1rem}.contact-subtitle{font-size:1.15rem;opacity:.85;margin-bottom:2.5rem;line-height:1.6rem}.contact-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.contact-form input,.contact-form textarea{padding:.9rem 1.2rem;border-radius:12px;border:2px solid #2c7873;background:#1a1a1a;color:#fff;font-size:1rem;outline:none;transition:border .3s ease,box-shadow .3s ease;font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif}.contact-form input:focus,.contact-form textarea:focus{border:2px solid #6a1b9a;box-shadow:0 0 12px #6a1b9a80}.contact-form button{padding:.85rem 2rem;border-radius:50px;border:none;background:#2c7873;color:#fff;font-weight:600;cursor:pointer;transition:background .3s ease,transform .3s ease}.contact-form button:hover{background:#6a1b9a;transform:translateY(-3px)}.contact-or{margin:1rem 0;opacity:.7}.contact-email-button{display:inline-block;padding:.85rem 2rem;border-radius:50px;border:2px solid #2c7873;color:#fff;font-weight:600;text-decoration:none;transition:background .3s ease,color .3s ease,transform .3s ease;background-color:#1a1a1a}.contact-email-button:hover{background:#2c7873;color:#fff;transform:translateY(-3px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}textarea{resize:vertical;min-height:2rem;height:4rem}.animation-page{color:#fff;font-family:Poppins,sans-serif;padding:2rem;position:relative;overflow:hidden}@keyframes animation-bg-float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(5%,5%) rotate(5deg)}66%{transform:translate(-5%,3%) rotate(-5deg)}}.animation-page .intro{text-align:center;padding:5rem 2rem;position:relative;z-index:1}.animation-page .intro h1{font-size:3.5rem;color:#6a1b9a;margin-bottom:1.5rem;letter-spacing:3px;text-transform:uppercase;animation:animation-title-glow 3s ease-in-out infinite;position:relative;display:inline-block}.animation-page .intro h1:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60%;height:3px;background:linear-gradient(90deg,transparent,#2c7873,transparent);animation:animation-underline-expand 2s ease-in-out infinite}@keyframes animation-title-glow{0%,to{text-shadow:0 0 20px rgba(106,27,154,.5)}50%{text-shadow:0 0 30px rgba(106,27,154,.8),0 0 40px rgba(106,27,154,.4)}}@keyframes animation-underline-expand{0%,to{width:60%;opacity:.6}50%{width:80%;opacity:1}}.animation-page .intro p{font-size:1.3rem;color:#fff;max-width:900px;margin:0 auto;line-height:1.8;opacity:0;animation:animation-fade-in 1s ease-out .5s forwards}@keyframes animation-fade-in{to{opacity:1}}.animation-page .highlight{text-decoration:none;color:#2c7873;font-weight:700;position:relative;transition:color .3s ease;padding:0 4px}.animation-page .highlight:before{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#2c7873,#6a1b9a);transition:width .4s ease}.animation-page .highlight:hover{color:#4e9a95}.animation-page .highlight:hover:before{width:100%}.animation-page .examples{padding:4rem 0;text-align:center;position:relative;z-index:1}.animation-page .examples h2{font-size:2.8rem;color:#6a1b9a;margin-bottom:3rem;position:relative;display:inline-block}.animation-page .video-gallery{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;perspective:1000px}.animation-page .nocollumforvideo{display:block;width:70%;max-width:1200px;transition:transform .3s ease}.animation-page .nocollumforvideo:hover{transform:translateY(-10px)}.animation-page .animation-process{padding:5rem 2rem;text-align:center;position:relative;z-index:1;margin-top:4rem}.animation-page .animation-process h2{font-size:2.8rem;color:#6a1b9a;margin-bottom:4rem;position:relative;display:inline-block}.animation-page .animation-process h2:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:100px;height:3px;background:linear-gradient(90deg,#6a1b9a,#2c7873)}.animation-page .animation-process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;max-width:1200px;margin:0 auto;position:relative}.animation-page .animation-step{background:#2c78731a;padding:2.5rem 2rem;border-radius:20px;border:2px solid transparent;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;z-index:2;cursor:pointer;animation:animation-step-float 3s ease-in-out infinite}.animation-page .animation-step:nth-child(1){animation-delay:0s}.animation-page .animation-step:nth-child(2){animation-delay:.2s}.animation-page .animation-step:nth-child(3){animation-delay:.4s}.animation-page .animation-step:nth-child(4){animation-delay:.6s}@keyframes animation-step-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animation-page .animation-step:before{content:"";position:absolute;top:-15px;left:50%;transform:translate(-50%);width:30px;height:30px;background:linear-gradient(135deg,#6a1b9a,#2c7873);border-radius:50%;border:3px solid #0a0a0a;z-index:2;transition:all .4s ease}.animation-page .animation-step:hover{transform:translateY(-15px) scale(1.05);border-color:#2c7873;background:#2c787333;box-shadow:0 10px 40px #6a1b9a4d,0 0 60px #2c787333}.animation-page .animation-step:hover:before{width:40px;height:40px;box-shadow:0 0 20px #6a1b9a99}.animation-page .animation-step h3{font-size:1.8rem;color:#6a1b9a;margin-bottom:1rem;margin-top:.5rem;transition:color .3s ease}.animation-page .animation-step:hover h3{color:#8e44ad}.animation-page .animation-step p{font-size:1.1rem;color:#ccc;line-height:1.6;transition:color .3s ease}.animation-page .animation-step:hover p{color:#fff}@media(max-width:1024px){.animation-page .nocollumforvideo{width:85%}}@media(max-width:768px){.animation-page .intro h1{font-size:2.5rem}.animation-page .intro p{font-size:1.1rem}.animation-page .examples h2,.animation-page .animation-process h2{font-size:2rem}.animation-page .nocollumforvideo{width:95%}.animation-page .animation-process-steps{grid-template-columns:1fr;gap:2rem}.animation-page .animation-step{animation:none}.animation-page .examples h2:before{left:-35px;font-size:1.5rem}}.dataprivacy-container{background-color:#1a1a1a;color:#fff;padding:50px 30px;border-radius:12px;max-width:900px;margin:50px auto;font-family:Arial,sans-serif;line-height:1.6;box-shadow:0 4px 20px #00000080}.dataprivacy-markdown h1{color:#6a1b9a;font-size:3rem;margin-bottom:30px;text-align:center}.dataprivacy-markdown h2{color:#2c7873;font-size:1.8rem;margin-top:30px;margin-bottom:15px}.dataprivacy-markdown p{font-size:1rem;margin-bottom:20px;color:#fff}.dataprivacy-markdown ul{list-style-type:disc;margin-left:25px;margin-bottom:25px;color:#2c7873}.dataprivacy-markdown li{margin-bottom:10px}.dataprivacy-markdown a{color:#6a1b9a;text-decoration:underline}.dataprivacy-markdown a:hover{color:#8c3dbc}.dataprivacy-markdown a:visited{color:#2c7873}.dataprivacy-markdown a:active,.dataprivacy-text a{color:#4e9a95}.cookie-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0006;z-index:40}.cookie-banner{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:600px;width:90%;background:linear-gradient(135deg,#2c7873dd,#6a1b9add);box-shadow:0 4px 12px #000c;padding:16px;display:flex;justify-content:space-between;align-items:flex-start;border-radius:16px;z-index:100;animation:fadeIn .3s ease}.cookie-banner-content{padding-right:16px}.cookie-banner h2{font-size:1.5rem;font-weight:600;margin-bottom:8px;color:#fff}.cookie-banner p{font-size:1.1rem;color:#eee}.cookie-actions{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}.accept-btn,.reject-btn,.settings-btn{padding:6px 12px;background:linear-gradient(135deg,#0a5651dd,#480978dd);color:#fff;font-weight:600;border-radius:10px;box-shadow:0 2px 4px #0000004d;border:none;cursor:pointer;font-size:1.1rem;transition:all .3s ease}.accept-btn:hover,.reject-btn:hover,.settings-btn:hover{transform:scale(1.05);box-shadow:0 3px 4px #00000080}.accept-btn:active,.reject-btn:active,.settings-btn:active{transform:scale(.98);box-shadow:0 2px 4px #0000001a}.close-btn{font-size:1.5rem;font-weight:600;padding-right:4px;background:none;border:none;cursor:pointer;transition:color .3s ease;color:#fff}.close-btn:hover{color:red}.cookie-settings-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:550px;background:linear-gradient(135deg,#2c7873dd,#6a1b9add);padding:20px;border-radius:18px;box-shadow:0 4px 14px #000c;z-index:150;animation:fadeIn .25s ease}.settings-content h3{font-size:1.5rem;font-weight:700;margin-bottom:16px;color:#fff}.setting-group{margin-bottom:18px;background:#ffffff4d;padding:12px;border-radius:12px;box-shadow:inset 0 1px 2px #0003;color:#000}.setting-group strong{display:block;font-size:1.2rem;margin-bottom:4px}.setting-group p{font-size:1rem;margin-bottom:6px;color:#222}.setting-group input[type=checkbox]{transform:scale(1.3);cursor:pointer}.settings-actions{margin-top:20px;display:flex;justify-content:flex-end;gap:12px}.save-btn,.cancel-btn{padding:6px 14px;background:linear-gradient(135deg,#0a5651dd,#480978dd);color:#fff;font-weight:600;border-radius:10px;border:none;cursor:pointer;font-size:1.1rem;transition:all .3s ease;box-shadow:0 2px 4px #0000004d}.save-btn:hover,.cancel-btn:hover{transform:scale(1.05);box-shadow:0 3px 4px #00000080}.save-btn:active,.cancel-btn:active{transform:scale(.98)}.cookie-icon-btn{position:fixed;bottom:16px;right:28px;background:linear-gradient(135deg,#2c7873dd,#6a1b9add);box-shadow:0 3px 5px #0009;padding:12px;border-radius:50%;z-index:1001;border:none;cursor:pointer;transition:transform .2s ease}.cookie-icon-btn:hover{transform:scale(1.02)}.cookie-icon-btn:active{transform:scale(.98)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}