@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html,body{margin:0;padding:0;height:auto;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth}.app_projecttest{background:linear-gradient(135deg,#111111f2,#19192de6 30%,#232341d9 70%,#282846e6)}.app_body{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(135deg,#111111f2,#19192de6 30%,#232341d9 70%,#282846e6)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#a2a3a3cc;border-radius:10px;transition:background-color .3s ease}::-webkit-scrollbar-thumb:hover{background-color:#f9fafce6}::-webkit-scrollbar-button{display:none;height:0}html,body{overflow-x:hidden;max-width:100%;position:relative}.body{position:relative;width:100%;max-width:100vw;min-height:100vh;min-height:100dvh;margin:0;padding:0;overflow-x:hidden}.body_graphics{width:100%;max-width:100vw;height:100vh;height:100dvh;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.body_gif{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:2;opacity:.4;pointer-events:none}.body_img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;pointer-events:none}.body_content{display:flex;flex-direction:column;position:relative;z-index:10;width:100%;max-width:100%;padding:0 2rem;text-align:center;margin:0 auto;align-items:center;justify-content:center;box-sizing:border-box}.body_shield{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#0000001a,#0003,#0000004d);z-index:5;pointer-events:none}.body_maincontent{font-size:5.62rem;font-weight:600;background:linear-gradient(135deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 8px rgba(0,0,0,.3);margin-bottom:1.5rem;letter-spacing:-.02em;line-height:1.1;display:flex;flex-direction:column;align-items:center;width:100%;box-sizing:border-box}.text-line,.main-name{display:block;width:100%}.body_2nd{font-size:3.125rem;font-weight:400;color:#ffffffe6;width:100%;max-width:90%;text-align:center;line-height:1.3;margin:1.5rem auto;word-wrap:break-word;word-break:break-word;text-shadow:0 2px 4px rgba(0,0,0,.5);letter-spacing:-.01em;box-sizing:border-box}.text-segment{display:inline;word-wrap:break-word}.highlight{color:#4ecdc4f2;font-weight:500}.body_3rd{font-size:1.875rem;font-weight:300;color:#fffc;margin-top:2rem;text-shadow:0 1px 3px rgba(0,0,0,.5);letter-spacing:.01em;width:100%;box-sizing:border-box}.awesome-text{background:linear-gradient(135deg,#ff6b6b,#4ecdc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}.separator{position:absolute;bottom:0;left:0;width:100%;height:10vh;z-index:15;pointer-events:none}.scroll-indicator,.break1{display:none}@media (max-width: 768px){.body{overflow-x:hidden}.body_graphics{overflow:hidden}.body_content{padding:0 1.25rem;width:100%;max-width:100%}.body_maincontent{font-size:2.5rem;margin-bottom:1rem;line-height:1.15;word-wrap:break-word}.body_2nd{font-size:1.4rem;margin:1rem auto;max-width:100%;line-height:1.4;word-wrap:break-word;word-break:break-word}.body_3rd{font-size:1.1rem;margin-top:1.5rem;word-wrap:break-word}.break1{display:inline}.separator{height:8vh}.scroll-indicator{display:flex;flex-direction:column;align-items:center;margin-top:2.5rem;animation:bounce 2s infinite}.scroll-arrow{font-size:1.75rem;color:#ffffffb3;margin-bottom:.25rem}.scroll-text{font-size:.8rem;color:#fff9;text-transform:uppercase;letter-spacing:.1em}}@media (max-width: 480px){.body_content{padding:0 1rem}.body_maincontent{font-size:2rem;margin-bottom:.875rem}.body_2nd{font-size:1.15rem;margin:.875rem auto}.body_3rd{font-size:.95rem;margin-top:1.25rem}.scroll-indicator{margin-top:2rem}.scroll-arrow{font-size:1.5rem}.scroll-text{font-size:.75rem}}@media (max-width: 375px){.body_content{padding:0 .875rem}.body_maincontent{font-size:1.75rem}.body_2nd{font-size:1rem}.body_3rd{font-size:.875rem}.body_gif{opacity:.3}.body_shield{background:linear-gradient(#00000026,#00000040,#00000059)}}@media (min-width: 769px) and (max-width: 1024px){.body_content{padding:0 2rem}.body_maincontent{font-size:4.2rem;margin-bottom:1.5rem}.body_2nd{font-size:2.2rem;margin:1.5rem auto;max-width:85%}.body_3rd{font-size:1.5rem;margin-top:2rem}.break1{display:inline}}@media (min-width: 1025px) and (max-width: 1366px){.body_maincontent{font-size:4.8rem}.body_2nd{font-size:2.6rem;max-width:85%}.body_3rd{font-size:1.7rem}.break1{display:inline}}@media (max-width: 1387px){.break1{display:inline}}@media (min-width: 1367px){.body_maincontent{font-size:5.62rem}.body_2nd{font-size:3.125rem}.body_3rd{font-size:1.875rem}.break1{display:none}}@media (max-width: 768px) and (orientation: landscape){.body_content{padding:0 1.5rem}.body_maincontent{font-size:2.2rem;margin-bottom:.6rem}.body_2nd{font-size:1.2rem;margin:.6rem auto}.body_3rd{font-size:.95rem;margin-top:1rem}.scroll-indicator{display:none}}@media (min-width: 1920px){.body_content{max-width:1400px}.body_maincontent{font-size:6rem}.body_2nd{font-size:3.5rem}.body_3rd{font-size:2rem}}@media (max-width: 768px) and (max-height: 700px){.body_maincontent{font-size:2rem;margin-bottom:.75rem}.body_2nd{font-size:1.1rem;margin:.75rem auto}.body_3rd{font-size:.9rem;margin-top:1rem}.scroll-indicator{margin-top:1.5rem}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (prefers-reduced-motion: reduce){.body_gif,.scroll-indicator{animation:none}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.body_shield{background:linear-gradient(#0000004d,#0006,#00000080)}.body_maincontent,.body_2nd,.body_3rd{text-shadow:2px 2px 6px rgba(0,0,0,.9)}.body_gif{opacity:.2}}*{box-sizing:border-box}.navbar{position:fixed;top:0;left:0;right:0;width:100%;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:none;z-index:1000;transition:all .4s cubic-bezier(.4,0,.2,1);font-family:Inter,sans-serif;min-height:80px}.navbar-hidden{transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .6s cubic-bezier(.4,0,.2,1)}.navbar-scrolled{background:linear-gradient(135deg,#5d598ad9,#6e69a0d9,#5d598ad9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px #5d598a33;border-bottom:1px solid rgba(255,255,255,.1)}.navbar-container{max-width:1400px;margin:0 auto;height:80px;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;position:relative}.navbar_left{flex:0 0 auto;display:flex;align-items:center;z-index:1002}.logo-container{display:flex;align-items:center;gap:12px;cursor:pointer;transition:transform .3s ease}.logo-container:hover{transform:scale(1.05)}.logo-gradient-text{font-size:25px;color:#fff;position:relative;z-index:2}.logo-gradient{width:40px;height:40px;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4);background-size:300% 300%;border-radius:12px;animation:gradientShift 3s ease-in-out infinite;position:relative;box-shadow:0 4px 15px #ff6b6b4d;flex-shrink:0;display:flex;justify-content:center;align-items:center}.logo-gradient:after{content:"";position:absolute;inset:2px;background:#0003;border-radius:10px}.logo-text{font-size:1.5rem;font-weight:700;color:#fff;letter-spacing:-.02em;text-shadow:0 2px 4px rgba(0,0,0,.3);white-space:nowrap}.navbar_mid{flex:1;display:flex;justify-content:center;align-items:center;position:relative}.nav-links-wrapper{display:flex;gap:2rem;align-items:center;position:relative}.nav-links-wrapper>*{display:flex;align-items:center;padding:.5rem 1rem;border-radius:8px;transition:all .3s ease;color:#fff;text-decoration:none;font-weight:500;font-size:.95rem;text-shadow:0 1px 2px rgba(0,0,0,.3);white-space:nowrap;cursor:pointer}.nav-links-wrapper>*:hover{background:#ffffff26;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.nav-indicator{position:absolute;bottom:-8px;height:3px;background:linear-gradient(90deg,#ff6b6b,#4ecdc4);border-radius:2px;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:0;box-shadow:0 0 10px #ff6b6b80}.navbar_right{flex:0 0 auto;display:flex;justify-content:flex-end;align-items:center;z-index:1002}.nav-burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:10px;border-radius:8px;transition:all .3s ease;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:none;outline:none;width:44px;height:44px;justify-content:center;align-items:center}.nav-burger:hover{background:#fff3}.nav-burger:active{transform:scale(.95)}.nav-burger span{width:24px;height:2.5px;background:#fff;border-radius:2px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000004d;display:block}.navbar-glow{position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,107,107,.3) 25%,rgba(78,205,196,.3) 50%,rgba(69,183,209,.3) 75%,transparent 100%);animation:glowPulse 2s ease-in-out infinite}.mobile-menu-overlay{display:none;position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:999;animation:fadeIn .3s ease}body.menu-open{overflow:hidden;position:fixed;width:100%;height:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes glowPulse{0%,to{opacity:.3}50%{opacity:.8}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.navbar{min-height:70px}.navbar-container{padding:.75rem 1rem;height:70px}.navbar_left{flex:0 0 auto}.logo-text{font-size:1.25rem}.logo-gradient{width:36px;height:36px}.logo-gradient-text{font-size:22px}.navbar_mid{position:fixed;inset:70px 0 0;background:linear-gradient(135deg,#5d598afa,#6e69a0fa);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);flex-direction:column;justify-content:flex-start;align-items:center;padding:2rem 1.5rem;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:2px 0 20px #0000004d;border-right:1px solid rgba(255,255,255,.1);z-index:1001;height:calc(100vh - 70px);height:calc(100dvh - 70px);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;width:85%;max-width:320px}.navbar_mid.active{transform:translate(0)}.nav-links-wrapper{flex-direction:column;gap:.5rem;width:100%;padding:1rem 0;align-items:stretch}.nav-links-wrapper>*{width:100%;justify-content:center;padding:1rem 1.5rem;min-height:56px;font-size:1.05rem;border-radius:12px;margin-bottom:.5rem;background:#ffffff14;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:slideIn .3s ease forwards;opacity:0}.navbar_mid.active .nav-links-wrapper>*:nth-child(1){animation-delay:.05s}.navbar_mid.active .nav-links-wrapper>*:nth-child(2){animation-delay:.1s}.navbar_mid.active .nav-links-wrapper>*:nth-child(3){animation-delay:.15s}.navbar_mid.active .nav-links-wrapper>*:nth-child(4){animation-delay:.2s}.navbar_mid.active .nav-links-wrapper>*:nth-child(5){animation-delay:.25s}.navbar_mid.active .nav-links-wrapper>*:nth-child(6){animation-delay:.3s}.nav-links-wrapper>*:active{background:#4ecdc433;border-color:#4ecdc466;transform:scale(.98)}.nav-indicator{display:none}.navbar_right{flex:0 0 auto}.nav-burger{display:flex}.nav-burger.active span:nth-child(1){transform:rotate(45deg) translate(7px,7px)}.nav-burger.active span:nth-child(2){opacity:0;transform:translate(20px)}.nav-burger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.mobile-menu-overlay{display:block}}@media (max-width: 480px){.navbar{min-height:65px}.navbar-container{padding:.5rem .875rem;height:65px}.logo-text{font-size:1.15rem}.logo-gradient{width:32px;height:32px}.logo-gradient-text{font-size:20px}.navbar_mid{top:65px;height:calc(100vh - 65px);height:calc(100dvh - 65px);padding:1.5rem 1rem;width:90%;max-width:280px}.nav-links-wrapper{padding:.75rem 0}.nav-links-wrapper>*{padding:.875rem 1.25rem;min-height:52px;font-size:1rem;margin-bottom:.375rem}.nav-burger{width:42px;height:42px;padding:8px}.nav-burger span{width:22px;height:2px}}@media (min-width: 769px) and (max-width: 1024px){.navbar-container{padding:.875rem 1.5rem}.nav-links-wrapper{gap:1.5rem}.nav-links-wrapper>*{font-size:.9rem;padding:.45rem .875rem}.logo-text{font-size:1.35rem}}@media (min-width: 1400px){.navbar-container{padding:1rem 3rem}.nav-links-wrapper{gap:2.5rem}.nav-links-wrapper>*{font-size:1rem;padding:.6rem 1.25rem}}@media (max-width: 768px) and (orientation: landscape){.navbar_mid{height:100vh;height:100dvh;padding:1rem 1.5rem}.nav-links-wrapper{padding:.5rem 0;gap:.25rem}.nav-links-wrapper>*{min-height:48px;padding:.75rem 1.25rem;font-size:.95rem;margin-bottom:.25rem}}@media (prefers-reduced-motion: reduce){.navbar,.navbar_mid,.nav-burger span,.nav-links-wrapper>*,.mobile-menu-overlay{transition:none;animation:none}}.navblock{position:relative;padding:.8rem 1.5rem;color:#ffffffe6;font-family:Inter,sans-serif;font-weight:600;font-size:.95rem;text-decoration:none;overflow:hidden;cursor:pointer;border-radius:12px;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;min-height:44px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);background:#ffffff0d;z-index:10}.navblock-bg{position:absolute;inset:0;z-index:1}.bg-gradient{position:absolute;inset:0;background:linear-gradient(135deg,#4ecdc41a,#ff6b6b1a,#45b7d11a);opacity:0;transition:opacity .4s ease}.bg-glass{position:absolute;inset:0;background:#ffffff0d;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:12px;opacity:0;transition:all .4s ease}.navblock-content{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;gap:2px}.navblock-text{position:relative;transition:all .3s ease;letter-spacing:.5px}.navblock-underline{width:0;height:2px;background:linear-gradient(90deg,#ff6b6b,#4ecdc4,#45b7d1);border-radius:1px;transition:width .4s cubic-bezier(.4,0,.2,1)}.navblock-particles{position:absolute;inset:0;pointer-events:none;z-index:2}.particle{position:absolute;width:3px;height:3px;background:#4ecdc499;border-radius:50%;opacity:0;transition:all .4s ease}.particle-1{top:20%;left:15%;background:#ff6b6b99}.particle-2{bottom:25%;right:20%;background:#45b7d199}.particle-3{top:60%;left:70%;background:#96ceb499}.ripple-container{position:absolute;inset:0;pointer-events:none;z-index:3}.ripple{position:absolute;width:4px;height:4px;border-radius:50%;background:radial-gradient(circle,rgba(78,205,196,.6) 0%,rgba(78,205,196,.3) 50%,transparent 100%);transform:translate(-50%,-50%) scale(0);animation:rippleAnimation .6s ease-out forwards}.navblock-glow{position:absolute;inset:-2px;background:linear-gradient(135deg,#4ecdc44d,#ff6b6b4d,#45b7d14d);border-radius:14px;opacity:0;filter:blur(8px);transition:opacity .4s ease;z-index:0}@media (min-width: 769px){.navblock{position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.navblock:hover{transform:translateY(-8px) scale(1.02);border-color:#4ecdc480;background:linear-gradient(135deg,#4ecdc426,#ff6b6b1f,#45b7d126);box-shadow:0 12px 40px #0006,0 0 0 1px #4ecdc44d,0 0 30px #4ecdc433,inset 0 1px #ffffff26;animation:gentlePulse 2s ease-in-out infinite}.navblock:hover .bg-gradient{opacity:1;background:linear-gradient(135deg,#4ecdc440,#ff6b6b33,#45b7d140)}.navblock:hover .bg-glass{opacity:1;background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.navblock:hover .navblock-text{color:#fff;text-shadow:0 0 20px rgba(78,205,196,.6),0 0 40px rgba(78,205,196,.3),0 2px 4px rgba(0,0,0,.5);font-weight:700}.navblock:hover .navblock-underline{width:100%;box-shadow:0 0 15px #4ecdc499}.navblock:hover .particle{opacity:1;animation:particleFloat 2s ease-in-out infinite}.navblock:hover .navblock-glow{opacity:1;filter:blur(12px)}.navblock:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);border-radius:12px;z-index:4;transition:left .6s ease}.navblock:hover:before{left:100%}.navblock:hover:after{opacity:.08;transform:translate(-50%,-50%) scale(1.3)}}.navblock.active{background:#4ecdc426;border-color:#4ecdc480;color:#fff;transform:scale(1.02);box-shadow:0 8px 32px #4ecdc44d,inset 0 1px #fff3}.navblock.active .bg-gradient{opacity:1;background:linear-gradient(135deg,#4ecdc433,#4ecdc41a)}.navblock.active .navblock-underline{width:100%;background:#4ecdc4;box-shadow:0 0 10px #4ecdc480}.navblock.active .navblock-text{color:#fff;font-weight:700}.navblock.active .particle{opacity:1}.navblock.active:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(78,205,196,.2) 50%,transparent 100%);animation:shimmer 1.5s ease-in-out infinite;border-radius:12px;z-index:1}.navblock:focus-visible{outline:2px solid #4ECDC4;outline-offset:2px}.navblock:after{content:attr(data-text);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:700;color:#4ecdc44d;font-size:1.1em;z-index:1;opacity:0;transition:all .3s ease;pointer-events:none}@keyframes rippleAnimation{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(20);opacity:0}}@keyframes particleFloat{0%,to{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-8px) scale(1.2);opacity:1}}@keyframes gentlePulse{0%,to{box-shadow:0 12px 40px #0006,0 0 0 1px #4ecdc44d,0 0 30px #4ecdc433,inset 0 1px #ffffff26}50%{box-shadow:0 16px 50px #00000080,0 0 0 1px #4ecdc480,0 0 40px #4ecdc466,inset 0 1px #fff3}}@media (max-width: 768px){.navblock{padding:.7rem 1.2rem;font-size:.9rem;min-height:56px;-webkit-tap-highlight-color:transparent}.navblock-text{letter-spacing:.3px}.navblock:hover{transform:none!important;animation:none!important;border-color:#ffffff14!important;background:#ffffff0d!important;box-shadow:none!important}.navblock:hover .bg-gradient,.navblock:hover .bg-glass{opacity:0!important}.navblock:hover .navblock-text{color:#ffffffe6!important;text-shadow:none!important}.navblock:hover .navblock-underline{width:0!important}.navblock:hover .particle{opacity:0!important;animation:none!important}.navblock:hover .navblock-glow{opacity:0!important}.navblock:hover:after{opacity:0!important}.navblock:active{transform:scale(.96)!important;background:#4ecdc426!important;border-color:#4ecdc44d!important;transition:all .1s ease!important}.navblock-content,.navblock-text{opacity:1!important;visibility:visible!important;display:flex!important}.navblock-particles{display:none!important}.ripple{animation-duration:.4s}}@media (max-width: 480px){.navblock{padding:.6rem 1rem;font-size:.85rem;border-radius:10px;min-height:52px}.particle{display:none!important}}@media (hover: none) and (pointer: coarse){.navblock:hover{transform:none!important;animation:none!important;border-color:#ffffff14!important;background:#ffffff0d!important;box-shadow:none!important}.navblock:hover .bg-gradient,.navblock:hover .bg-glass,.navblock:hover .particle,.navblock:hover .navblock-glow{opacity:0!important}.navblock:hover .navblock-text{color:#ffffffe6!important;text-shadow:none!important}.navblock:hover .navblock-underline{width:0!important}.navblock:hover:after{opacity:0!important;transform:translate(-50%,-50%) scale(1)!important}.navblock:active{transform:scale(.96)!important;background:#4ecdc41f!important;border-color:#4ecdc44d!important}}@media (prefers-color-scheme: dark) and (min-width: 769px){.navblock{background:#0003;border-color:#ffffff26}.navblock:hover{background:#0000004d;border-color:#4ecdc466}}@media (prefers-contrast: high){.navblock{border:2px solid rgba(255,255,255,.3)}.navblock:hover,.navblock.active{border-color:#4ecdc4;background:#4ecdc433}}@media (prefers-reduced-motion: reduce){.navblock,.navblock-text,.navblock-underline,.bg-gradient,.bg-glass,.particle,.navblock-glow{transition:none!important;animation:none!important}.navblock:hover{animation:none!important}.ripple{display:none}}@media (max-width: 768px){.navblock,.navblock *,.navblock-content,.navblock-text,.navblock-bg,.bg-gradient,.bg-glass{opacity:1!important;visibility:visible!important;display:flex!important}.navblock-text{display:inline!important}.navblock:hover,.navblock:hover *,.navblock:hover .navblock-content,.navblock:hover .navblock-text,.navblock:hover .navblock-bg,.navblock:hover .bg-gradient,.navblock:hover .bg-glass,.navblock:hover .navblock-underline,.navblock:hover .particle,.navblock:hover .navblock-glow,.navblock:hover:after,.navblock:hover:before{opacity:1!important;visibility:visible!important;transform:none!important;animation:none!important;transition:none!important;background:#ffffff0d!important;border-color:#ffffff14!important;box-shadow:none!important;color:#ffffffe6!important;text-shadow:none!important;filter:none!important;width:auto!important}.navblock:hover .navblock-text{opacity:1!important;visibility:visible!important;display:inline!important}.navblock:hover .navblock-underline{width:0!important;opacity:0!important}.navblock:hover .particle,.navblock:hover .navblock-glow,.navblock:hover:after{opacity:0!important;display:none!important}.navblock-particles,.particle,.navblock-glow,.navblock:after{display:none!important}.navblock:active{transform:scale(.96)!important;background:#4ecdc426!important;border-color:#4ecdc44d!important;transition:transform .1s ease!important}.navblock:active .navblock-text{opacity:1!important;visibility:visible!important;display:inline!important}}@media (hover: none) and (pointer: coarse){.navblock,.navblock *,.navblock-content,.navblock-text{opacity:1!important;visibility:visible!important}.navblock-text{display:inline!important}.navblock:hover,.navblock:hover *{opacity:1!important;visibility:visible!important;transform:none!important;animation:none!important;transition:none!important}.navblock:hover .navblock-text{opacity:1!important;visibility:visible!important;display:inline!important;color:#ffffffe6!important;text-shadow:none!important}.navblock:hover{background:#ffffff0d!important;border-color:#ffffff14!important;box-shadow:none!important}.navblock-particles,.particle,.navblock-glow,.navblock:after,.bg-gradient,.bg-glass{display:none!important;opacity:0!important}}.services{width:100%;min-height:100vh;padding:80px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;font-family:Inter,sans-serif;background:linear-gradient(135deg,#111111f2,#19192de6 30%,#232341d9 70%,#282846e6);overflow-x:hidden;overflow-y:visible;opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.4,0,.2,1)}.services.visible{opacity:1;transform:translateY(0)}.services-background{position:absolute;inset:0;pointer-events:none;overflow:hidden}.floating-elements{position:absolute;width:100%;height:100%}.float-element{position:absolute;border-radius:50%;background:linear-gradient(135deg,#ff6b6b1a,#4ecdc41a);animation:floatAnimation 20s ease-in-out infinite}.element-1{width:200px;height:200px;top:10%;left:-100px;animation-delay:0s}.element-2{width:150px;height:150px;top:70%;right:-75px;background:linear-gradient(135deg,#45b7d11a,#96ceb41a);animation-delay:7s}.element-3{width:100px;height:100px;top:40%;left:80%;background:linear-gradient(135deg,#feca571a,#ff6b6b1a);animation-delay:14s}.element-4{width:80px;height:80px;bottom:30%;left:5%;background:linear-gradient(135deg,#96ceb41a,#45b7d11a);animation-delay:3s}.services-header{text-align:center;margin-bottom:60px;position:relative;z-index:10}.services_title{font-size:4rem;font-weight:800;margin:0 0 20px;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;position:relative}.services_title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,#ff6b6b,#4ecdc4,#45b7d1);border-radius:2px;animation:titleGlow 3s ease-in-out infinite}.services-subtitle{font-size:1.2rem;color:#ffffffb3;font-weight:400;max-width:600px;margin:0 auto;line-height:1.5}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;max-width:1400px;width:100%;padding:0 20px;position:relative;z-index:10}.service-card{position:relative;opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1)}.service-card.animate-in{opacity:1;transform:translateY(0);animation-delay:var(--animation-delay)}.card-inner{position:relative;height:100%;background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:30px;display:flex;flex-direction:column;gap:20px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a}.card-inner:hover{transform:translateY(-8px);border-color:var(--service-color);box-shadow:0 20px 40px #0006,0 0 0 1px var(--service-color),inset 0 1px #ffffff26}.card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;opacity:0;border-radius:50%;filter:blur(60px);transition:opacity .4s ease;pointer-events:none}.service-card:hover .card-glow{opacity:.1}.service-icon{position:relative;width:70px;height:70px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.icon-emoji{font-size:2.5rem;position:relative;z-index:2;transition:transform .3s ease}.service-card:hover .icon-emoji{transform:scale(1.1) rotate(5deg)}.icon-bg{position:absolute;inset:0;border-radius:50%;transition:all .3s ease}.service-card:hover .icon-bg{transform:scale(1.2);background:var(--service-color)!important;opacity:.2}.service-content{flex:1;display:flex;flex-direction:column;gap:15px}.service-title{font-size:1.4rem;font-weight:700;color:#fff;margin:0;line-height:1.3;letter-spacing:-.01em}.service-description{font-size:1rem;color:#fffc;line-height:1.5;margin:0;flex-grow:1}.service-features{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.feature-tag{padding:6px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:15px;color:#ffffffe6;font-size:.8rem;font-weight:500;transition:all .3s ease;opacity:0;transform:translateY(10px);animation:fadeInUp .6s ease forwards}.service-card:hover .feature-tag{border-color:var(--service-color);background:#ffffff1a;color:#fff}.particle{position:absolute;width:4px;height:4px;border-radius:50%;opacity:.6;animation:particleFloat 4s ease-in-out infinite}.particle-1{top:20%;right:20%;animation-delay:0s}.particle-2{top:60%;left:15%;animation-delay:2s}.particle-3{bottom:25%;right:30%;animation-delay:4s}.hover-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#0009,#0000004d);border-radius:20px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;animation:fadeIn .3s ease forwards}.hover-content{display:flex;align-items:center;gap:10px;color:#fff;font-weight:600;font-size:1.1rem}.hover-arrow{transition:transform .3s ease}.hover-content:hover .hover-arrow{transform:translate(5px)}.services-cta{margin-top:80px;text-align:center;position:relative;z-index:10}.cta-content{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:40px;max-width:600px;margin:0 auto}.cta-title{font-size:2rem;font-weight:700;color:#fff;margin:0 0 15px;letter-spacing:-.01em}.cta-description{font-size:1.1rem;color:#fffc;margin:0 0 30px;line-height:1.5}.cta-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.cta-primary,.cta-secondary{padding:12px 30px;border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;border:none}.cta-primary{background:linear-gradient(135deg,#ff6b6b,#4ecdc4);color:#fff}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff6b6b4d}.cta-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3)}.cta-secondary:hover{background:#ffffff26;transform:translateY(-2px)}@keyframes floatAnimation{0%,to{transform:translateY(0) rotate(0);opacity:.1}50%{transform:translateY(-30px) rotate(180deg);opacity:.3}}@keyframes titleGlow{0%,to{opacity:1;transform:translate(-50%) scaleX(1)}50%{opacity:.7;transform:translate(-50%) scaleX(1.2)}}@keyframes particleFloat{0%,to{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-15px) scale(1.2);opacity:1}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{to{opacity:1}}@media (max-width: 1200px){.services-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:25px}}@media (max-width: 768px){.services{padding:60px 0}.services_title{font-size:3rem}.services-subtitle{font-size:1rem;padding:0 20px}.services-grid{grid-template-columns:1fr;gap:20px;padding:0 15px}.service-card{height:auto;min-height:280px}.card-inner{padding:25px}.cta-content{padding:30px 20px;margin:0 15px}.cta-title{font-size:1.5rem}.cta-buttons{flex-direction:column;align-items:center}.cta-primary,.cta-secondary{width:100%;max-width:250px}}@media (max-width: 480px){.services_title{font-size:2.5rem}.services-header{margin-bottom:40px}.service-card{min-height:260px}.card-inner{padding:20px}.service-title{font-size:1.2rem}.service-description{font-size:.95rem}.floating-elements{display:none}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.floating-elements,.card-particles{display:none}}.popup-overlay{position:fixed;inset:0;background:#000c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeInOverlay .3s ease-out}.popup-content{background:linear-gradient(135deg,#19192df2,#232341e6,#19192df2);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.15);border-radius:20px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;position:relative;animation:slideInUp .4s cubic-bezier(.4,0,.2,1);box-shadow:0 20px 60px #00000080,inset 0 1px #ffffff1a}.popup-header{display:flex;align-items:center;justify-content:space-between;padding:30px 30px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.popup-service-info{display:flex;align-items:center;gap:15px}.popup-service-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:50%;border:2px solid currentColor}.popup-service-title{font-size:1.3rem;font-weight:700;color:#fff;margin:0;line-height:1.2}.popup-service-desc{font-size:.9rem;color:#ffffffb3;margin:4px 0 0}.popup-close{width:40px;height:40px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.popup-close:hover{background:#fff3;transform:scale(1.1)}.popup-form{padding:20px 30px 30px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.9rem;font-weight:600;color:#fff;margin-bottom:8px}.form-group input,.form-group textarea{width:100%;padding:12px 16px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:.95rem;font-family:inherit;transition:all .3s ease;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#4ecdc4;background:#ffffff1f;box-shadow:0 0 0 2px #4ecdc433}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff80}.readonly-input{background:#4ecdc41a!important;border-color:#4ecdc44d!important;cursor:not-allowed}.form-group textarea{resize:vertical;min-height:100px}.submit-status{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:.9rem;font-weight:500}.submit-status.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e}.submit-status.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.popup-actions{display:flex;gap:12px;justify-content:flex-end}.btn-primary,.btn-secondary{padding:12px 24px;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;display:flex;align-items:center;gap:8px;font-family:inherit}.btn-primary{background:#4ecdc4;color:#fff;min-width:120px;justify-content:center}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #4ecdc466}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3)}.btn-secondary:hover{background:#ffffff26;transform:translateY(-1px)}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.hover-overlay{cursor:pointer}.hover-overlay:hover{background:linear-gradient(135deg,#000000b3,#0006)}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 600px){.popup-content{margin:10px;max-height:85vh}.popup-header{padding:20px 20px 15px}.popup-form{padding:15px 20px 20px}.popup-service-icon{width:50px;height:50px;font-size:2rem}.popup-service-title{font-size:1.1rem}.popup-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%;justify-content:center}}@media (max-width: 480px){.popup-overlay{padding:15px}.popup-service-info{gap:10px}}.skills{width:100%;max-width:100vw;min-height:100vh;display:flex;align-items:center;flex-direction:column;position:relative;font-family:Inter,sans-serif;background:linear-gradient(135deg,#111111f2,#282846e6);padding:80px 20px;overflow-x:hidden;opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.skills.visible{opacity:1;transform:translateY(0)}.skills-background{position:absolute;inset:0;pointer-events:none;overflow:hidden}.shape{position:absolute;border-radius:50%;background:linear-gradient(135deg,#ff6b6b1a,#4ecdc41a);animation:floatShape 15s ease-in-out infinite}.shape-1{width:300px;height:300px;top:10%;left:-150px;animation-delay:0s}.shape-2{width:200px;height:200px;top:60%;right:-100px;background:linear-gradient(135deg,#45b7d11a,#96ceb41a);animation-delay:5s}.shape-3{width:150px;height:150px;top:30%;left:70%;background:linear-gradient(135deg,#96ceb41a,#ff6b6b1a);animation-delay:10s}.shape-4{width:100px;height:100px;bottom:20%;left:20%;background:linear-gradient(135deg,#4ecdc41a,#45b7d11a);animation-delay:7s}.skills-header-section{text-align:center;margin-bottom:60px;position:relative;z-index:10;width:100%;max-width:100%;box-sizing:border-box}.skills-header-wrapper{margin-bottom:40px}.skills_header{font-size:3.5rem;font-weight:800;margin-bottom:16px;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;letter-spacing:-.02em;position:relative;padding-bottom:24px;word-wrap:break-word}.skills_header:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(90deg,#ff6b6b,#4ecdc4,#45b7d1);border-radius:2px;animation:headerGlow 3s ease-in-out infinite}.replacable{display:inline}.skills-subtitle{font-size:1.1rem;color:#ffffffb3;font-weight:400;margin-top:8px}.skills-navigation{display:flex;justify-content:center;gap:12px;margin-bottom:20px}.nav-dot{width:12px;height:12px;border-radius:50%;background:#fff3;border:2px solid rgba(255,255,255,.1);cursor:pointer;transition:all .3s ease;position:relative}.nav-dot:hover{background:var(--dot-color, #4ECDC4);border-color:var(--dot-color, #4ECDC4);transform:scale(1.2);box-shadow:0 0 15px #4ecdc480}.nav-dot.active{background:var(--dot-color, #4ECDC4);border-color:var(--dot-color, #4ECDC4);transform:scale(1.3)}.dot-tooltip{position:absolute;bottom:25px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem;white-space:nowrap;opacity:0;transition:opacity .3s ease;pointer-events:none}.nav-dot:hover .dot-tooltip{opacity:1}.skills_domain{width:100%;max-width:100%;position:relative;box-sizing:border-box}.skills_skills{display:flex;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;gap:24px;padding:20px 40px;scrollbar-width:thin;scrollbar-color:rgba(78,205,196,.5) rgba(255,255,255,.1);-webkit-overflow-scrolling:touch;width:100%;box-sizing:border-box}.skills_skills::-webkit-scrollbar{height:8px}.skills_skills::-webkit-scrollbar-button{display:none;width:0;height:0}.skills_skills::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.skills_skills::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#ff6b6b,#4ecdc4);border-radius:4px}.skills_skills::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#4ecdc4,#ff6b6b)}.skills_skills::-webkit-scrollbar-button{display:none!important}.skill-wrapper{flex-shrink:0;min-width:320px;transition:transform .3s ease}.skill-wrapper:hover{transform:translateY(-10px)}.scroll-progress{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:40px;padding:0 20px}.progress-bar{flex:1;max-width:200px;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#ff6b6b,#4ecdc4,#45b7d1);transition:width .3s ease;border-radius:2px}.progress-text{font-size:.9rem;color:#fff9;font-weight:600;min-width:fit-content;text-align:center}.tech-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.particle-inner{width:100%;height:100%;background:#4ecdc499;border-radius:50%;animation:particleGlow 3s ease-in-out infinite}.particle-1{top:20%;left:10%;animation-delay:0s}.particle-2{top:70%;left:85%;animation-delay:1s}.particle-3{top:40%;left:20%;animation-delay:2s}.particle-4{top:15%;left:75%;animation-delay:3s}.particle-5{top:80%;left:30%;animation-delay:4s}.particle-6{top:50%;left:90%;animation-delay:5s}.particle-2 .particle-inner{background:#ff6b6b99}.particle-3 .particle-inner{background:#45b7d199}.particle-4 .particle-inner{background:#96ceb499}.particle-5 .particle-inner{background:#ff6b6b99}.particle-6 .particle-inner{background:#4ecdc499}@keyframes floatShape{0%,to{transform:translateY(0) rotate(0);opacity:.1}50%{transform:translateY(-30px) rotate(180deg);opacity:.2}}@media (max-width: 1115px){.replacable{display:none}.skills_header{font-size:3rem}}@media (min-width: 769px) and (max-width: 1024px){.skills{padding:70px 20px}.skills_header{font-size:2.8rem}.skills-subtitle{font-size:1rem}.skill-wrapper{min-width:300px}}@media (max-width: 768px){.skills{padding:60px 16px;overflow-x:hidden}.skills-header-section{margin-bottom:40px}.skills_header{font-size:2.2rem;padding:0 1rem;padding-bottom:24px}.skills-subtitle{font-size:.95rem;padding:0 1rem}.skills_skills{gap:16px;padding:20px 16px;scrollbar-width:thin}.skills_skills::-webkit-scrollbar{height:6px}.skill-wrapper{min-width:280px}.skill-wrapper:hover{transform:translateY(-5px)}.skills-navigation{gap:8px;margin-bottom:30px}.nav-dot{width:10px;height:10px}.floating-shapes .shape{opacity:.3}.scroll-progress{flex-direction:column;gap:12px;margin-top:30px}.progress-text{font-size:.85rem}}@media (min-width: 481px) and (max-width: 565px){.skills_header{font-size:2rem}.skills-subtitle{font-size:.9rem}.skill-wrapper{min-width:260px}.progress-bar{max-width:150px}}@media (max-width: 480px){.skills{padding:50px 12px}.skills-header-section{margin-bottom:30px}.skills_header{font-size:1.75rem;padding:0 .75rem}.skills-subtitle{font-size:.85rem;padding:0 .75rem}.skill-wrapper{min-width:260px}.skills_skills{padding:15px 12px;gap:12px}.scroll-progress{margin-top:25px}.progress-bar{display:none}.progress-text{font-size:.8rem}.tech-particles{display:none}}@media (max-width: 375px){.skills{padding:40px 10px}.skills_header{font-size:1.6rem}.skills-subtitle{font-size:.8rem}.skill-wrapper{min-width:240px}.skills_skills{padding:12px 10px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.floating-shapes,.tech-particles{display:none}.skill-wrapper:hover{transform:none}}.shine-border{position:relative;display:flex;flex-direction:column;padding:3px;border-radius:20px;width:280px;height:auto;overflow:visible;background:linear-gradient(45deg,var(--skill-color, #3399cc) 0%,rgba(255,255,255,.3) 30%,var(--skill-color, #3399cc) 50%,rgba(255,255,255,.3) 70%,var(--skill-color, #3399cc) 100%);background-size:400% 400%;flex-shrink:0;animation:shineMove 6s linear infinite;margin:15px;transition:all .4s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(30px);font-family:Inter,sans-serif;box-sizing:border-box}.shine-border.animate-in{opacity:1;transform:translateY(0)}.shine-border:hover{transform:translateY(-4px) scale(1.01)}@keyframes shineMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.skillscard{width:100%;height:350px;border-radius:18px;perspective:1000px;box-sizing:border-box;cursor:pointer;position:relative}.skillscard-inner{position:relative;width:100%;height:100%;transition:transform .8s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;border-radius:18px}.skillscard:hover .skillscard-inner{transform:rotateY(180deg)}.skillscard-front,.skillscard-back{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:18px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}.skillscard-front{background:linear-gradient(135deg,#000000f2,#141414e6 20%,#282828d9,#141414e6 80%,#000000f2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);color:#fff;transform:rotateY(0);z-index:2}.skillscard-front:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--skill-color, #4ECDC4),transparent);opacity:.6}.skillscard-back{background:linear-gradient(135deg,#000000f2,#141414e6 20%,#282828d9,#141414e6 80%,#000000f2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);color:#fff;transform:rotateY(180deg);z-index:1}.icon-wrapper{position:relative;margin-bottom:16px;transition:transform .3s ease}.skillscard:hover .icon-wrapper{transform:scale(1.05) rotate(3deg)}.skillscard img{width:80px;height:80px;transition:all .3s ease;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));position:relative;z-index:2}.icon-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;border-radius:50%;opacity:.2;filter:blur(15px);transition:opacity .3s ease;z-index:1}.skillscard:hover .icon-glow{opacity:.4;transform:translate(-50%,-50%) scale(1.1)}.skillscard_text{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:16px;text-align:center;letter-spacing:-.02em;text-shadow:0 2px 4px rgba(0,0,0,.3)}.proficiency-container{width:100%;margin-top:auto}.proficiency-bar{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-bottom:8px;position:relative}.proficiency-fill{height:100%;background:linear-gradient(90deg,var(--fill-color, #4ECDC4),rgba(255,255,255,.8));border-radius:3px;width:0%;transition:width 1.5s cubic-bezier(.4,0,.2,1);position:relative}.proficiency-fill.animate{width:var(--fill-width, 0%)}.proficiency-fill:after{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s ease-in-out infinite}.proficiency-text{font-size:.85rem;font-weight:600;color:#fffc;text-align:center;display:block}.card-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.card-particle{position:absolute;width:4px;height:4px;border-radius:50%;opacity:.6;animation:particleFloat 4s ease-in-out infinite}.particle-1{top:20%;left:15%;animation-delay:0s}.particle-2{top:60%;right:20%;animation-delay:1.5s}.particle-3{bottom:30%;left:70%;animation-delay:3s}.back-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.skill-icon-small{margin-bottom:12px}.skill-icon-small img{width:40px;height:40px;opacity:.8}.skill-title{font-size:1.2rem;font-weight:700;margin:0 0 16px;color:#fff;text-align:center}.skillscard_desc{font-size:.95rem;font-weight:400;color:#ffffffd9;text-align:center;line-height:1.5;margin:0;flex-grow:1;display:flex;align-items:center}.level-display{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:auto}.level-rings{display:flex;gap:4px}.level-ring{width:12px;height:12px;border:2px solid rgba(255,255,255,.2);border-radius:50%;transition:all .3s ease}.level-ring.active{background:var(--ring-color, #4ECDC4);border-color:var(--ring-color, #4ECDC4);box-shadow:0 0 8px var(--ring-color, #4ECDC4)}.level-text{font-size:.8rem;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.back-pattern{position:absolute;inset:0;pointer-events:none;z-index:1}.pattern-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:20px;padding:40px;height:100%;opacity:.3}.pattern-dot{width:6px;height:6px;border-radius:50%;animation:patternPulse 3s ease-in-out infinite}.hover-glow{position:absolute;inset:-5px;border-radius:25px;pointer-events:none;z-index:-1;transition:all .3s ease}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes particleFloat{0%,to{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-10px) scale(1.2);opacity:1}}@keyframes patternPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}@media (min-width: 769px) and (max-width: 1024px){.shine-border{width:260px;margin:12px}.skillscard{height:320px}.skillscard img{width:70px;height:70px}.skillscard_text{font-size:1.35rem}.skillscard_desc{font-size:.9rem}}@media (max-width: 768px){.shine-border{width:260px;margin:10px}.skillscard{height:300px}.skillscard img{width:65px;height:65px}.icon-glow{width:85px;height:85px}.skillscard_text{font-size:1.25rem;margin-bottom:12px}.skillscard_desc{font-size:.875rem}.proficiency-bar{height:5px}.skillscard-front,.skillscard-back{padding:20px}.skillscard:active .skillscard-inner{transform:rotateY(180deg)}.shine-border:hover{transform:translateY(-2px) scale(1.005)}}@media (max-width: 480px){.shine-border{width:240px;margin:8px}.skillscard{height:280px}.skillscard img{width:55px;height:55px}.icon-glow{width:75px;height:75px}.skillscard_text{font-size:1.1rem}.skillscard_desc{font-size:.8rem;line-height:1.4}.skillscard-front,.skillscard-back{padding:16px}.skill-title{font-size:1.1rem}.card-particles{display:none}.back-pattern{opacity:.5}.pattern-grid{gap:15px;padding:30px}}@media (max-width: 375px){.shine-border{width:220px;margin:6px}.skillscard{height:260px}.skillscard img{width:50px;height:50px}.skillscard_text{font-size:1rem}.skillscard_desc,.proficiency-text{font-size:.75rem}.level-text{font-size:.7rem}.back-pattern{display:none}}@media (prefers-reduced-motion: reduce){.shine-border,.skillscard-inner,.proficiency-fill{animation:none!important;transition-duration:.01ms!important}.card-particles,.back-pattern{display:none}.shine-border:hover{transform:none}}.skillscard:focus-visible{outline:2px solid var(--skill-color, #4ECDC4);outline-offset:4px}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translateZ(0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-loading .slick-list{background:#fff url(/assets/ajax-loader-BcnMEykj.gif) center center no-repeat}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(data:application/vnd.ms-fontobject;base64,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);src:url(data:application/vnd.ms-fontobject;base64,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) format("embedded-opentype"),url(data:font/woff;base64,d09GRk9UVE8AAAVkAAsAAAAAB1wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAi4AAAKbH/pWDkZGVE0AAAM4AAAAGgAAABxt0civR0RFRgAAA1QAAAAcAAAAIAAyAARPUy8yAAADcAAAAFIAAABgUBj/rmNtYXAAAAPEAAAAUAAAAWIiC0SwaGVhZAAABBQAAAAuAAAANgABMftoaGVhAAAERAAAABwAAAAkA+UCA2htdHgAAARgAAAADgAAAA4ESgBKbWF4cAAABHAAAAAGAAAABgAFUABuYW1lAAAEeAAAANwAAAFuBSeBwnBvc3QAAAVUAAAAEAAAACAAAwABeJw9ks9vEkEUx2cpWyeUoFYgNkHi2Wt7N3rVm3cTs3UVLC4LxIWEQvi1P3i7O1tYLJDAmlgKGEhQrsajf0j7J3jYTXrQWUrMJG+++b55n5e8NwwKBhHDMLv5kxT3ATEBxKBn3qOAl9zxHgb1MAPhHQgHkyF08Gr/L8B/Eb6zWnmCJ7AJVLubQOheArXvJ1A4EXi6j4I+Zg9F0QFKvsnlBCmXeve+sFEnb/nCptdtQ4QYhVFRAT1HrF8UQK/RL/SbmUbclsvGVFXRZKDHUE38cc4qpkbAAsuwiImvro+ufcfaOIQ6szlrmjRJDaKZKnbjN3GWKIbiIzRFUfCffuxxKOL+3LDlDVvx2TdxN84qZEsnhNBa6pgm2dAsnzbLsETdsmRFxUeHV4e+I2/ptN8TyqV8T3Dt29t7EYOuajVIw2y1Wy3M86w0zg/Fz2IvawmQAUHOVrPVfLkoScVynsqsTG0MGUs4z55nh3mnOJa+li+rl9WpPIcFfDubDeaDC+fLBdYN3QADzLauGfj4B6sZmq6CCpqmtSvF0qlUl2qf5AJIUCSlTqlb7lUG+LRfGzZGzZEyBgccMu6MuqPecNDvD4Y9Kjtj4gD+DsvKVMTcMdtqtZtmkzQstQvYje7Syep0PDSAhSOeHYXYWThEF//A/0YvYV1fSQtpKU5STtrhbQ444OtpKSWJIg3pOg8cBs7maTY1EZf07aq+hjWs7IWzdCYTGhb2CtZ47x+Uhx28AAB4nGNgYGBkAIJz765vANHnCyvqYTQAWnkHswAAeJxjYGRgYOADYgkGEGBiYARCFjAG8RgABHYAN3icY2BmYmCcwMDKwMHow5jGwMDgDqW/MkgytDAwMDGwcjKAQQMDAyOQUmCAgoA01xQGB4ZExUmMD/4/YNBjvP3/NgNEDQPjbbBKBQZGADfLDgsAAHicY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQzMCQqKClOUJz0/z9YHRLv/+L7D+8V3cuHmgAHjGwM6ELUByxUMIOZCmbgAAA5LQ8XeJxjYGRgYABiO68w73h+m68M3EwMIHC+sKIeTqsyqDLeZrwN5HIwgKUB/aYJUgAAeJxjYGRgYLzNwMCgx8QAAkA2IwMqYAIAMGIB7QIAAAACAAAlACUAJQAlAAAAAFAAAAUAAHicbY49asNAEIU/2ZJDfkiRIvXapUFCEqpcptABUrg3ZhEiQoKVfY9UqVLlGDlADpAT5e16IUWysMz3hjfzBrjjjQT/EjKpCy+4YhN5yZoxcirPe+SMWz4jr6S+5UzSa3VuwpTnBfc8RF7yxDZyKs9r5IxHPiKv1P9iZqDnyAvMQ39UecbScVb/gJO03Xk4CFom3XYK1clhMdQUlKo7/d9NF13RkIdfy+MV7TSe2sl11tRFaXYmJKpWTd7kdVnJ8veevZKc+n3I93t9Jnvr5n4aTVWU/0z9AI2qMkV4nGNgZkAGjAxoAAAAjgAF) format("woff"),url(data:font/ttf;base64,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) format("truetype"),url(/assets/slick-BlzDm7g2.svg#slick) format("svg")}.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translateY(-50%);cursor:pointer;color:transparent;border:none;outline:none;background:transparent}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:none;background:transparent}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-prev:before,.slick-next:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:"←"}[dir=rtl] .slick-prev:before{content:"→"}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:"→"}[dir=rtl] .slick-next:before{content:"←"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent}.slick-dots li button:hover,.slick-dots li button:focus{outline:none}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:"•";text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000}.projects_container{width:100%;max-width:96vw;margin:0 auto;padding:60px 20px;box-sizing:border-box;font-family:Inter,sans-serif;position:relative}.projects_container:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(90deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4);border-radius:2px;animation:gradientFlow 3s ease-in-out infinite}.projects_header_wrapper{display:flex;justify-content:space-between;align-items:center;margin:20px 20px 40px}.projects_header{font-size:50px;font-weight:700;color:#fff;margin:0;position:relative;letter-spacing:-.02em}.projects_header:after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:3px;background:linear-gradient(90deg,#ff6b6b,#4ecdc4);border-radius:2px;animation:underlineGlow 2s ease-in-out infinite}.projects_counter{display:flex;align-items:center;gap:8px;font-size:1.2rem;font-weight:600;color:#fffc}.current_slide{color:#4ecdc4;font-size:1.4rem}.divider{color:#fff6}.total_slides{color:#fff9}.slider_wrapper{position:relative}.projects_projects{width:100%;max-width:80vw;background:linear-gradient(135deg,#111111f2,#1e1e1ee6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:24px;box-sizing:border-box;margin:20px auto;gap:32px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px #0000004d,inset 0 1px #ffffff1a}.projects_projects.active{transform:scale(1.02);box-shadow:0 20px 40px #0006,inset 0 1px #ffffff26}.projects_projects:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 50%,rgba(255,255,255,.02) 100%);pointer-events:none}.projects_image_wrapper{flex:1;max-width:50%;position:relative}.projects_image{position:relative;cursor:pointer;border-radius:12px;overflow:hidden;transition:all .3s ease}.projects_image:hover{transform:translateY(-4px)}.projects_projectimg{width:100%;height:auto;max-height:400px;object-fit:cover;display:block;transition:all .4s cubic-bezier(.4,0,.2,1)}.projects_projectimg.hovered{transform:scale(1.05);filter:brightness(1.1) contrast(1.1)}.image_overlay{position:absolute;inset:0;background:linear-gradient(135deg,#000000b3,#0000004d);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.projects_image:hover .image_overlay{opacity:1}.overlay_content{text-align:center;color:#fff;transform:translateY(10px);transition:transform .3s ease}.projects_image:hover .overlay_content{transform:translateY(0)}.gallery_icon{margin:0 auto 8px;width:24px;height:24px;animation:iconFloat 2s ease-in-out infinite}.gallery_text{display:block;font-weight:600;font-size:1rem;margin-bottom:4px}.image_count{font-size:.85rem;opacity:.8}.image_border_glow{position:absolute;inset:-2px;border-radius:14px;background:linear-gradient(45deg,var(--accent-color, #4ECDC4),transparent,var(--accent-color, #4ECDC4));opacity:0;transition:opacity .3s ease;z-index:-1;animation:borderRotate 3s linear infinite}.projects_image:hover .image_border_glow{opacity:.6}.projects_texts{flex:1;color:#fff;display:flex;flex-direction:column;justify-content:flex-start;gap:20px;max-width:45%}.projects_title_wrapper{position:relative}.projects_title{font-size:38px;font-weight:700;margin:0;line-height:1.2;letter-spacing:-.01em;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title_accent{position:absolute;bottom:-6px;left:0;width:40px;height:3px;border-radius:2px;animation:accentPulse 2s ease-in-out infinite}.projects_desc{font-size:18px;line-height:1.5;color:#ffffffd9;margin:0}.projects_link{margin-top:12px;color:var(--link-color, #4ECDC4);text-decoration:none;font-size:16px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:#ffffff0d;border:1px solid var(--link-color, #4ECDC4);border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;z-index:1;width:fit-content}.projects_link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.projects_link:hover:before{left:100%}.projects_link:hover{color:#fff;background:var(--link-color, #4ECDC4);transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.projects_link svg{transition:transform .3s ease}.projects_link:hover svg{transform:translate(2px,-2px)}.slick-slider{overflow:visible!important;position:relative}.slick-slide>div{display:flex;justify-content:center;align-items:center}.slick-prev,.slick-next{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:50px;height:50px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50%;transition:all .3s ease}.slick-prev:hover,.slick-next:hover{background:#fff3;transform:translateY(-50%) scale(1.1)}.slick-prev{left:-25px}.slick-next{right:-25px}.slick-prev:before,.slick-next:before{font-size:28px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.slick-dots{bottom:-50px;display:flex!important;justify-content:center;gap:12px}.slick-dots li{width:auto;height:auto;margin:0}.slick-dots li button{width:12px;height:12px;border-radius:50%;background:#ffffff4d;border:none;transition:all .3s ease;cursor:pointer}.slick-dots li button:before{display:none}.slick-dots li.slick-active button{background:#4ecdc4;box-shadow:0 0 15px #4ecdc480;transform:scale(1.2)}@keyframes gradientFlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes underlineGlow{0%,to{transform:scaleX(1);opacity:1}50%{transform:scaleX(1.2);opacity:.8}}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes borderRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes accentPulse{0%,to{opacity:1;transform:scaleX(1)}50%{opacity:.7;transform:scaleX(1.2)}}@media (max-width: 900px){.projects_header{font-size:34px;text-align:center}.projects_header_wrapper{flex-direction:column;gap:16px;text-align:center}.projects_projects{flex-direction:column;max-width:95vw;padding:20px;gap:24px}.projects_image_wrapper{max-width:100%}.projects_texts{max-width:100%;text-align:center}.projects_projectimg{max-height:250px}.projects_title{font-size:28px}.projects_desc{font-size:16px}.projects_link{align-self:center}}@media (max-width: 600px){.slick-prev{left:-15px}.slick-next{right:-15px}.slick-prev,.slick-next{width:40px;height:40px}.slick-prev:before,.slick-next:before{font-size:20px}}@media (max-width: 480px){.projects_container{padding:40px 16px}.projects_header{font-size:28px}.projects_projects{padding:16px;gap:16px}.projects_projectimg{max-height:180px}.projects_title{font-size:22px}.projects_desc{font-size:14px}.projects_link{font-size:14px;padding:10px 16px}}@media (max-width: 360px){.projects_header{font-size:24px}.projects_title{font-size:20px}.projects_desc,.projects_link{font-size:13px}}.preview-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#000000d9,#141428f2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:9999;animation:overlayFadeIn .4s cubic-bezier(.4,0,.2,1);font-family:Inter,sans-serif}.background-effects{position:absolute;inset:0;pointer-events:none;overflow:hidden}.floating-orb{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(255,107,107,.3),transparent);animation:orbFloat 8s ease-in-out infinite}.orb-1{width:300px;height:300px;top:10%;right:15%;background:radial-gradient(circle,rgba(255,107,107,.2),transparent);animation-delay:0s}.orb-2{width:200px;height:200px;bottom:20%;left:10%;background:radial-gradient(circle,rgba(78,205,196,.2),transparent);animation-delay:2s}.orb-3{width:150px;height:150px;top:60%;right:60%;background:radial-gradient(circle,rgba(69,183,209,.2),transparent);animation-delay:4s}.preview-content{max-width:90vw;max-height:90vh;background:#ffffff14;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:32px;box-shadow:0 32px 64px #0006,inset 0 1px #ffffff1a;animation:contentSlideIn .5s cubic-bezier(.4,0,.2,1) .1s both;position:relative;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.gallery-close-button{position:absolute;top:16px;right:16px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50%;width:44px;height:44px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:100}.gallery-close-button:hover{background:#fff3;transform:scale(1.1);border-color:#ff4757;color:#ff4757}.preview-content::-webkit-scrollbar{width:8px}.preview-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.preview-content::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px;transition:background .3s ease}.preview-content::-webkit-scrollbar-thumb:hover{background:#ffffff80}.preview-content:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,107,107,.5) 25%,rgba(78,205,196,.5) 50%,rgba(69,183,209,.5) 75%,transparent 100%);animation:borderGlow 3s ease-in-out infinite}.gallery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1);padding-right:60px}.gallery-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0;letter-spacing:-.02em}.gallery-counter{background:#4ecdc433;border:1px solid rgba(78,205,196,.3);padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600;color:#4ecdc4}.images-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;justify-items:center;align-items:start;padding-bottom:40px}.image-card{position:relative;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);animation:imageCardFloat .6s cubic-bezier(.4,0,.2,1) both;transform:translate(var(--float-x),var(--float-y)) rotate(var(--rotation)) scale(var(--scale));width:100%;max-width:320px}.image-card:hover{transform:translate(var(--float-x),var(--float-y)) rotate(0) scale(1.05);z-index:10}.image-wrapper{position:relative;border-radius:16px;overflow:hidden;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #0000004d,inset 0 1px #ffffff1a;aspect-ratio:16/10}.image-wrapper img{width:100%;height:100%;object-fit:cover;display:block;transition:all .4s ease}.image-card:hover .image-wrapper img{transform:scale(1.1);filter:brightness(1.1) contrast(1.05)}.image-overlay-hover{position:absolute;inset:0;background:linear-gradient(135deg,#0009,#0000004d);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.image-card:hover .image-overlay-hover{opacity:1}.zoom-icon{color:#fff;animation:iconPulse 2s ease-in-out infinite}.image-number{position:absolute;top:12px;right:12px;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:.75rem;font-weight:600;padding:4px 8px;border-radius:12px;border:1px solid rgba(255,255,255,.2)}.scroll-indicators{position:sticky;bottom:0;display:flex;justify-content:center;padding:16px 0;background:linear-gradient(transparent,#ffffff0d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;margin:0 -16px -16px}.scroll-hint{display:flex;align-items:center;gap:8px;color:#fff9;font-size:.85rem;font-weight:500;animation:scrollHint 2s ease-in-out infinite}.scroll-hint svg{animation:bounceDown 2s ease-in-out infinite}.fullsize-modal{position:fixed;inset:0;background:#000000f2;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);display:flex;align-items:center;justify-content:center;z-index:10001;animation:modalFadeIn .3s ease}.modal-content{position:relative;max-width:95vw;max-height:95vh;display:flex;align-items:center;justify-content:center}.close-button{position:absolute;top:20px;right:20px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50%;width:44px;height:44px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.close-button:hover{background:#fff3;transform:scale(1.1);border-color:#ff4757;color:#ff4757}.nav-button{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50%;width:48px;height:48px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.nav-button:hover{background:#fff3;transform:translateY(-50%) scale(1.1)}.nav-button.prev{left:20px}.nav-button.next{right:20px}.modal-image-container{max-width:80vw;max-height:80vh;border-radius:12px;overflow:hidden;box-shadow:0 25px 50px #00000080;border:1px solid rgba(255,255,255,.1)}.modal-image{width:100%;height:100%;object-fit:contain;display:block}.modal-footer{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 20px;border-radius:20px;border:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;align-items:center;gap:8px}.image-counter{color:#fff;font-size:.9rem;font-weight:500}.keyboard-hint{color:#ffffffb3;font-size:.75rem;display:flex;align-items:center;gap:4px}.keyboard-hint kbd{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:600}@keyframes scrollHint{0%,to{opacity:.6}50%{opacity:1}}@keyframes bounceDown{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes overlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}@keyframes contentSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes imageCardFloat{0%{opacity:0;transform:translate(var(--float-x),calc(var(--float-y) + 20px)) rotate(var(--rotation)) scale(.8)}to{opacity:1;transform:translate(var(--float-x),var(--float-y)) rotate(var(--rotation)) scale(var(--scale))}}@keyframes orbFloat{0%,to{transform:translateY(0) rotate(0);opacity:.3}50%{transform:translateY(-20px) rotate(180deg);opacity:.6}}@keyframes borderGlow{0%,to{opacity:.5}50%{opacity:1}}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.preview-content{padding:20px;max-width:95vw;max-height:95vh}.gallery-header{flex-direction:column;gap:12px;text-align:center;padding-right:20px}.gallery-close-button{top:12px;right:12px;width:36px;height:36px}.images-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.floating-orb{display:none}.nav-button{width:40px;height:40px}.nav-button.prev{left:10px}.nav-button.next{right:10px}.close-button{top:10px;right:10px;width:36px;height:36px}.modal-image-container{max-width:90vw;max-height:70vh}.keyboard-hint{display:none}}@media (max-width: 480px){.preview-content{padding:16px}.images-grid{grid-template-columns:1fr;gap:12px}.gallery-title{font-size:1.2rem}.gallery-counter{font-size:.75rem;padding:4px 10px}}.contact{width:100%;min-height:100vh;padding:80px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;font-family:Inter,sans-serif;background:linear-gradient(135deg,#0f0f19f2,#19192de6 30%,#232341d9 70%,#2d2d55e6);color:#fff;overflow:hidden;opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.4,0,.2,1)}.contact.visible{opacity:1;transform:translateY(0)}.contact-background{position:absolute;inset:0;pointer-events:none;overflow:hidden}.floating-shapes{position:absolute;width:100%;height:100%}.shape{position:absolute;border-radius:50%;background:linear-gradient(135deg,#ff6b6b1a,#4ecdc41a);animation:floatShape 20s ease-in-out infinite}.shape-1{width:300px;height:300px;top:5%;left:-150px;animation-delay:0s}.shape-2{width:200px;height:200px;top:60%;right:-100px;background:linear-gradient(135deg,#45b7d11a,#96ceb41a);animation-delay:7s}.shape-3{width:150px;height:150px;top:30%;left:85%;background:linear-gradient(135deg,#feca571a,#ff6b6b1a);animation-delay:14s}.shape-4{width:100px;height:100px;bottom:20%;left:10%;background:linear-gradient(135deg,#96ceb41a,#45b7d11a);animation-delay:3s}.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px;opacity:.3}.contact-header{text-align:center;margin-bottom:60px;max-width:800px;position:relative;z-index:10}.contact_header{font-size:4rem;font-weight:800;margin:0 0 20px;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;position:relative}.contact_header:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(90deg,#ff6b6b,#4ecdc4,#45b7d1);border-radius:2px;animation:headerGlow 3s ease-in-out infinite}.contact_sub{font-size:1.2rem;color:#fffc;line-height:1.6;margin:0;max-width:600px}.contact-content{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;max-width:1400px;width:100%;padding:0 20px;position:relative;z-index:10}.contact-methods{display:flex;flex-direction:column;gap:30px}.methods-title{font-size:1.8rem;font-weight:700;color:#fff;margin:0 0 20px;letter-spacing:-.01em}.methods-grid{display:flex;flex-direction:column;gap:15px}.contact-method{display:flex;align-items:center;gap:20px;padding:20px;background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:16px;text-decoration:none;color:#fff;transition:all .4s cubic-bezier(.4,0,.2,1);opacity:0;transform:translate(-30px)}.contact-method.animate-in{opacity:1;transform:translate(0);animation-delay:var(--animation-delay)}.contact-method:hover{transform:translate(10px);border-color:var(--method-color);background:#ffffff1f;box-shadow:0 10px 30px #0000004d}.method-icon{width:50px;height:50px;background:#ffffff1a;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:all .3s ease}.contact-method:hover .method-icon{background:var(--method-color);transform:scale(1.1)}.method-content{flex:1}.method-title{font-size:1.1rem;font-weight:600;margin:0 0 5px;color:#fff}.method-description{font-size:.95rem;color:#ffffffb3;margin:0}.method-arrow{font-size:1.2rem;color:#ffffff80;transition:all .3s ease}.contact-method:hover .method-arrow{color:var(--method-color);transform:translate(5px)}.contact-form-container{background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:40px;position:relative;overflow:hidden}.contact-form-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.form-title{font-size:1.8rem;font-weight:700;color:#fff;margin:0 0 30px;letter-spacing:-.01em}.contact_form{display:flex;flex-direction:column;gap:25px}.form-group,.input-wrapper{position:relative}.contact_input,.contact_textarea{width:100%;padding:20px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem;font-family:Inter,sans-serif;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact_textarea{height:120px;resize:vertical;min-height:120px}.contact_input:focus,.contact_textarea:focus{outline:none;border-color:#4ecdc4;background:#ffffff14;box-shadow:0 0 0 3px #4ecdc41a}.input-label{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:#fff9;font-size:1rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none;padding:0 8px}.textarea-wrapper .input-label{top:35px}.input-wrapper.focused .input-label,.contact_input:not(:placeholder-shown)+.input-label,.contact_textarea:not(:placeholder-shown)+.input-label{top:-12px;font-size:.85rem;color:#4ecdc4;font-weight:600}.input-border{position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,#ff6b6b,#4ecdc4);transition:all .3s ease;transform:translate(-50%)}.input-wrapper.focused .input-border{width:100%}.contact_button{display:flex;align-items:center;justify-content:center;gap:12px;padding:18px 30px;background:linear-gradient(135deg,#ff6b6b,#4ecdc4,#45b7d1);background-size:200% 200%;color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:gradientShift 3s ease infinite}.contact_button:hover{transform:translateY(-3px);box-shadow:0 15px 35px #0000004d;background-position:100% 0}.contact_button:disabled{opacity:.7;cursor:not-allowed;transform:none}.button-text{position:relative;z-index:2}.button-icon{position:relative;z-index:2;font-size:1.2rem}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.status-message{display:flex;align-items:center;gap:15px;padding:20px;border-radius:12px;margin-top:20px;animation:slideIn .5s ease}.status-message.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3)}.status-message.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.status-icon{font-size:1.5rem;flex-shrink:0}.status-content h4{margin:0 0 5px;font-size:1.1rem;font-weight:600}.status-content p{margin:0;font-size:.95rem;opacity:.9}.contact-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.particle{position:absolute;width:6px;height:6px;border-radius:50%}.particle-inner{width:100%;height:100%;background:#4ecdc499;border-radius:50%;animation:particleGlow 4s ease-in-out infinite}.particle-2{top:25%;right:15%;animation-delay:1s}.particle-3{top:45%;left:5%;animation-delay:2s}.particle-4{top:65%;right:10%;animation-delay:3s}.particle-5{top:75%;left:20%;animation-delay:4s}.particle-6{top:35%;right:25%;animation-delay:5s}.particle-7{bottom:25%;left:15%;animation-delay:6s}.particle-8{bottom:15%;right:20%;animation-delay:7s}.particle-2 .particle-inner,.particle-6 .particle-inner{background:#ff6b6b99}.particle-3 .particle-inner,.particle-7 .particle-inner{background:#45b7d199}.particle-4 .particle-inner,.particle-8 .particle-inner{background:#96ceb499}@keyframes floatShape{0%,to{transform:translateY(0) rotate(0);opacity:.1}50%{transform:translateY(-30px) rotate(180deg);opacity:.3}}@keyframes headerGlow{0%,to{opacity:1;transform:translate(-50%) scaleX(1)}50%{opacity:.7;transform:translate(-50%) scaleX(1.2)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes particleGlow{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.5);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1200px){.contact-content{grid-template-columns:1fr;gap:40px}.contact-methods{order:2}.contact-form-container{order:1}.methods-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}}@media (max-width: 768px){.contact{padding:60px 0}.contact_header{font-size:3rem}.contact_sub{font-size:1rem;padding:0 20px}.contact-content{padding:0 15px;gap:30px}.contact-form-container{padding:25px}.methods-grid{grid-template-columns:1fr}.contact-method{padding:15px}.method-icon{width:40px;height:40px}}@media (max-width: 480px){.contact_header{font-size:2.5rem}.form-title,.methods-title{font-size:1.5rem}.contact_input,.contact_textarea{padding:15px}.contact_button{padding:15px 25px;font-size:1rem}.floating-shapes{display:none}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.floating-shapes,.contact-particles{display:none}}.footer{position:relative;width:100%;min-height:100vh;background:linear-gradient(135deg,#0a0a14fa,#141428f2 30%,#1e1e3ce6 70%,#0f0f23fa);color:#fff;font-family:Inter,sans-serif;opacity:0;transition:all .8s cubic-bezier(.4,0,.2,1)}.footer.visible{opacity:1;transform:translateY(0)}.footer-background{position:absolute;inset:0;pointer-events:none}.background-shapes{position:absolute;width:100%;height:100%}.shape{position:absolute;border-radius:50%;background:linear-gradient(135deg,#ff6b6b1a,#4ecdc41a);animation:floatShape 25s ease-in-out infinite}.shape-1{width:400px;height:400px;top:-200px;left:-200px;animation-delay:0s}.shape-2{width:300px;height:300px;bottom:-150px;right:-150px;background:linear-gradient(135deg,#45b7d11a,#96ceb41a);animation-delay:8s}.shape-3{width:200px;height:200px;top:50%;left:80%;background:linear-gradient(135deg,#feca571a,#ff6b6b1a);animation-delay:16s}.grid-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px;opacity:.4}.gradient-overlay{position:absolute;top:0;left:0;right:0;height:200px;background:linear-gradient(180deg,rgba(45,45,85,.3) 0%,transparent 100%)}.back-to-top{position:absolute;left:50%;transform:translate(-50%);width:50px;margin-top:20px;height:50px;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:10}.back-to-top:hover{transform:translate(-50%) translateY(-5px);background:#4ecdc433;border-color:#4ecdc4;box-shadow:0 10px 30px #4ecdc44d}.arrow-up{font-size:1.2rem;font-weight:700;transition:transform .3s ease}.back-to-top:hover .arrow-up{transform:translateY(-2px)}.footer_content{position:relative;z-index:5;max-width:1400px;margin:0 auto;padding:100px 20px 40px}.footer-main{display:grid;grid-template-columns:2fr 1fr 1.2fr;gap:60px;margin-bottom:60px}.footer-brand{display:flex;flex-direction:column;gap:40px}.brand-container{background:#ffffff0f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:30px;position:relative;overflow:hidden}.brand-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(78,205,196,.5),transparent)}.brand-name{font-size:2.5rem;font-weight:800;margin:0 0 10px;background:linear-gradient(135deg,#fff,#4ecdc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.brand-tagline{font-size:1.2rem;font-weight:600;color:#4ecdc4;margin:0 0 15px}.brand-description{font-size:1rem;color:#fffc;line-height:1.6;margin:0}.featured-repos{background:#ffffff0a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:25px}.repos-title{font-size:1.2rem;font-weight:700;color:#fff;margin:0 0 20px;display:flex;align-items:center;gap:8px}.repos-title:before{content:"🚀";font-size:1.1rem}.repos-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.repo-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:15px;transition:all .3s ease;opacity:0;transform:translateY(20px);animation:slideInUp .6s ease forwards;animation-delay:var(--animation-delay)}.repo-card:hover{transform:translateY(-2px);border-color:#4ecdc4;box-shadow:0 5px 20px #4ecdc433}.repo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.repo-name{font-size:.9rem;font-weight:600;color:#fff}.repo-stars{font-size:.8rem}.repo-description{font-size:.8rem;color:#ffffffb3;margin:0;line-height:1.4}.footer-links{display:flex;flex-direction:column;gap:20px}.section-title{font-size:1.3rem;font-weight:700;color:#fff;margin:0;position:relative;padding-bottom:12px}.section-title:after{content:"";position:absolute;bottom:0;left:0;width:30px;height:2px;background:linear-gradient(90deg,#ff6b6b,#4ecdc4);border-radius:1px}.links-nav{display:flex;flex-direction:column;gap:10px}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;text-decoration:none;color:#fffc;font-weight:500;transition:all .3s ease;position:relative;overflow:hidden;opacity:0;transform:translate(-20px);animation:slideInRight .6s ease forwards;animation-delay:var(--animation-delay)}.nav-link:hover{color:#fff;background:#ffffff14;border-color:#4ecdc4;transform:translate(5px)}.link-indicator{width:6px;height:6px;background:#4ecdc4;border-radius:50%;opacity:0;transition:opacity .3s ease}.nav-link:hover .link-indicator{opacity:1}.footer-contact{display:flex;flex-direction:column;gap:30px}.contact-info{display:flex;flex-direction:column;gap:15px}.contact-item{display:flex;align-items:center;gap:15px;padding:15px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .3s ease}.contact-item:hover{background:#ffffff14;border-color:#4ecdc4}.contact-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#4ecdc41a;border-radius:10px}.contact-details{display:flex;flex-direction:column;gap:4px}.contact-label{font-size:.8rem;color:#fff9;font-weight:500}.contact-value{font-size:.95rem;color:#fff;text-decoration:none;font-weight:600;transition:color .3s ease}.contact-value:hover{color:#4ecdc4}.social-section{display:flex;flex-direction:column;gap:15px}.social-title{font-size:1.1rem;font-weight:600;color:#fff;margin:0}.footer_socials{display:flex;flex-direction:column;gap:10px}.social-link{display:flex;align-items:center;gap:15px;padding:15px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;text-decoration:none;color:#fff;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;opacity:0;transform:translateY(20px);animation:slideInUp .6s ease forwards;animation-delay:var(--animation-delay)}.social-link:hover{transform:translate(8px);border-color:var(--social-color);background:#ffffff14;box-shadow:0 8px 25px #0000004d}.social-icon{width:50px;height:50px;background:#ffffff1a;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:all .3s ease}.social-link:hover .social-icon{background:var(--social-color);transform:scale(1.1)}.social-info{flex:1;display:flex;flex-direction:column;gap:4px}.social-name{font-size:1rem;font-weight:600;color:#fff}.social-desc{font-size:.85rem;color:#ffffffb3}.social-arrow{font-size:1.2rem;color:#ffffff80;transition:all .3s ease}.social-link:hover .social-arrow{color:var(--social-color);transform:translate(5px)}.footer-bottom{margin-top:40px}.footer-divider{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 20%,rgba(78,205,196,.4) 50%,rgba(255,255,255,.2) 80%,transparent 100%);margin-bottom:30px;animation:dividerGlow 3s ease-in-out infinite}.bottom-content{display:flex;justify-content:space-between;align-items:center;gap:20px}.copyright{display:flex;flex-direction:column;gap:8px}.footer_copy{font-size:.95rem;color:#fffc;margin:0;font-weight:500}.highlight{color:#4ecdc4;font-weight:700}.made-with{font-size:.85rem;color:#fff9;margin:0;display:flex;align-items:center;gap:5px}.heart{color:#ff6b6b;animation:heartbeat 2s ease-in-out infinite}.footer-meta{display:flex;align-items:center;gap:15px}.status-indicator{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:20px}.status-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:pulse 2s ease-in-out infinite}.status-text{font-size:.85rem;color:#22c55e;font-weight:600}.footer-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.particle{position:absolute;width:4px;height:4px;border-radius:50%}.particle-inner{width:100%;height:100%;background:#4ecdc499;border-radius:50%;animation:particleFloat 6s ease-in-out infinite}.particle-1{top:10%;left:5%;animation-delay:0s}.particle-2{top:20%;right:10%;animation-delay:1s}.particle-3{top:40%;left:15%;animation-delay:2s}.particle-4{top:60%;right:20%;animation-delay:3s}.particle-5{top:30%;left:80%;animation-delay:4s}.particle-6{bottom:40%;left:10%;animation-delay:5s}.particle-7{bottom:60%;right:15%;animation-delay:6s}.particle-8{bottom:20%;left:25%;animation-delay:7s}.particle-9{top:70%;right:30%;animation-delay:8s}.particle-10{top:50%;left:60%;animation-delay:9s}.particle-11{bottom:30%;right:60%;animation-delay:10s}.particle-12{top:80%;left:40%;animation-delay:11s}.particle-2 .particle-inner,.particle-7 .particle-inner,.particle-11 .particle-inner{background:#ff6b6b99}.particle-3 .particle-inner,.particle-8 .particle-inner,.particle-12 .particle-inner{background:#45b7d199}.particle-4 .particle-inner,.particle-9 .particle-inner{background:#96ceb499}.particle-5 .particle-inner,.particle-10 .particle-inner{background:#feca5799}@keyframes floatShape{0%,to{transform:translateY(0) rotate(0);opacity:.1}50%{transform:translateY(-40px) rotate(180deg);opacity:.3}}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{to{opacity:1;transform:translate(0)}}@keyframes particleFloat{0%,to{transform:translateY(0) scale(1);opacity:.4}50%{transform:translateY(-20px) scale(1.2);opacity:.8}}@keyframes dividerGlow{0%,to{opacity:1}50%{opacity:.6}}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@media (max-width: 1200px){.footer-main{grid-template-columns:1fr;gap:40px}.footer-brand{order:1}.footer-contact{order:2}.footer-links{order:3}.repos-grid{grid-template-columns:repeat(4,1fr)}.footer_socials{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}}@media (max-width: 768px){.footer_content{padding:80px 15px 30px}.footer-main{gap:30px}.brand-name{font-size:2rem}.brand-tagline{font-size:1rem}.repos-grid{grid-template-columns:1fr 1fr}.footer_socials{grid-template-columns:1fr}.bottom-content{flex-direction:column;gap:15px;text-align:center}.copyright{align-items:center}}@media (max-width: 480px){.footer_content{padding:60px 10px 20px}.brand-container,.featured-repos{padding:20px}.brand-name{font-size:1.8rem}.repos-grid{grid-template-columns:1fr}.contact-item,.social-link{padding:12px}.background-shapes{display:none}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.footer-particles,.background-shapes{display:none}}.navbar-container{position:relative;z-index:1000;font-family:Inter,sans-serif}.navbar-content{max-width:1400px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:80px;transition:height .6s ease}.navbar-logo{opacity:1;transform:translate(0);transition:all .6s cubic-bezier(.4,0,.2,1)}.logo-text{font-size:1.8rem;font-weight:800;background:linear-gradient(135deg,#fff,#4ecdc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.navbar-menu{display:flex;align-items:center;gap:10px;opacity:1;transform:translate(0);transition:all .6s cubic-bezier(.4,0,.2,1)}.nav-item-wrapper{opacity:1;transform:translateY(0);transition:all .6s cubic-bezier(.4,0,.2,1);animation-delay:var(--animation-delay)}.navbar-container.scrolled .navbar-original{transform:translateY(-100%);opacity:0}.navbar-container.scrolled .navbar-logo{opacity:0;transform:translate(-50px)}.navbar-container.scrolled .navbar-menu{opacity:0;transform:translate(50px)}.navbar-container.scrolled .nav-item-wrapper{opacity:0;transform:translateY(-20px);transition-delay:calc(var(--animation-delay) * .5)}.navbar-floating{position:fixed;top:50%;right:30px;z-index:200;transition:all .5s cubic-bezier(.4,0,.2,1);transform:translateY(-50%) translate(120px);opacity:0;visibility:hidden;pointer-events:none}.navbar-container.scrolled .navbar-floating.open{transform:translateY(-50%) translate(0);opacity:1;visibility:visible;pointer-events:all;animation:slideInFromRight .8s cubic-bezier(.4,0,.2,1)}.navbar-floating.closed,.navbar-container.scrolled .navbar-floating.closed,.navbar-container .navbar-floating.closed{transform:translateY(-50%) translate(150px)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;animation:none!important}.floating-nav-background{position:absolute;inset:-20px;border-radius:25px;overflow:hidden}.floating-bg-gradient{position:absolute;inset:0;background:linear-gradient(135deg,#4ecdc41a,#ff6b6b1a,#45b7d11a);opacity:.8}.floating-bg-blur{position:absolute;inset:0;background:#0a0a14d9;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.1);border-radius:25px}.floating-nav-items{display:flex;flex-direction:column;gap:8px;position:relative;z-index:10;padding:15px}.floating-nav-item{position:relative;opacity:0;transform:translate(50px);transition:all .6s cubic-bezier(.4,0,.2,1)}.navbar-container.scrolled .floating-nav-item{opacity:1;transform:translate(0);animation:slideInItem .6s cubic-bezier(.4,0,.2,1) forwards;animation-delay:calc(.3s + var(--animation-delay))}.floating-nav-item .navblock{padding:.6rem .8rem;font-size:.85rem;min-width:60px;text-align:center;border-radius:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);transition:all .4s cubic-bezier(.4,0,.2,1)}.floating-nav-item .navblock:hover{transform:translate(-8px) scale(1.05);background:#4ecdc426;border-color:#4ecdc466;box-shadow:-8px 0 25px #4ecdc433,0 5px 15px #0000004d}.floating-nav-item .navblock.active{background:#4ecdc433;border-color:#4ecdc499;transform:translate(-5px) scale(1.02)}.item-tooltip{position:absolute;right:100%;top:50%;transform:translateY(-50%);margin-right:15px;background:#000000e6;color:#fff;padding:8px 12px;border-radius:8px;font-size:.85rem;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.tooltip-arrow{position:absolute;left:100%;top:50%;transform:translateY(-50%);width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid rgba(0,0,0,.9)}.floating-nav-item:hover .item-tooltip{opacity:1;visibility:visible;transform:translateY(-50%) translate(-5px)}.scroll-progress-indicator{position:relative;margin-top:20px;display:flex;align-items:center;justify-content:center}.progress-circle{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.progress-ring{transform:rotate(-90deg);width:40px;height:40px}.progress-ring-circle,.progress-ring-progress{transition:stroke-dashoffset .3s ease}.progress-percentage{position:absolute;font-size:.7rem;font-weight:600;color:#4ecdc4}.nav-bottom-buttons{margin-top:15px;display:flex;gap:10px;align-items:center;justify-content:center}.back-to-top-btn{width:45px;height:45px;background:#4ecdc426;border:1px solid rgba(78,205,196,.3);border-radius:12px;color:#4ecdc4;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .4s ease;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.back-to-top-btn:hover{background:#4ecdc440;border-color:#4ecdc480;transform:translateY(-3px);box-shadow:0 8px 25px #4ecdc44d}.btn-icon{font-size:1.2rem;font-weight:700;transition:transform .3s ease}.back-to-top-btn:hover .btn-icon{transform:translateY(-2px)}.nav-toggle-btn{width:45px;height:45px;background:#ff6b6b26;border:1px solid rgba(255,107,107,.3);border-radius:12px;color:#ff6b6b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);font-size:1.5rem;font-weight:700;position:relative;overflow:hidden}.nav-toggle-btn:hover{background:#ff6b6b40;border-color:#ff6b6b80;transform:scale(1.05);box-shadow:0 8px 25px #ff6b6b4d}.nav-toggle-btn:active{transform:scale(.95)}.nav-toggle-btn .btn-icon{font-size:1.8rem;line-height:1;transition:transform .3s ease}.nav-toggle-btn:hover .btn-icon{transform:scale(1.1)}.open-btn{position:fixed;top:50%;right:30px;transform:translateY(-50%);z-index:200;animation:slideInFromRight .5s cubic-bezier(.4,0,.2,1),gentlePulseRed 2s ease-in-out .5s infinite;box-shadow:0 8px 32px #0006,0 0 0 1px #ff6b6b4d}.nav-toggle-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);transition:left .5s ease;z-index:1}.nav-toggle-btn:hover:before{left:100%}.mobile-menu-toggle{position:fixed;top:20px;right:20px;width:50px;height:50px;background:#0a0a14e6;border:1px solid rgba(255,255,255,.1);border-radius:12px;display:none;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:300;transition:all .3s ease}.hamburger{width:20px;height:2px;background:#fff;border-radius:1px;transition:all .3s ease}.mobile-menu-toggle:hover{background:#4ecdc41a;border-color:#4ecdc44d}@keyframes slideInFromRight{0%{transform:translateY(-50%) translate(100px);opacity:0}to{transform:translateY(-50%) translate(0);opacity:1}}@keyframes slideInItem{0%{opacity:0;transform:translate(30px) scale(.8)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes gentlePulseRed{0%,to{box-shadow:0 8px 32px #0006,0 0 0 1px #ff6b6b4d}50%{box-shadow:0 12px 40px #00000080,0 0 0 1px #ff6b6b80,0 0 30px #ff6b6b4d}}@keyframes gentlePulse{0%,to{box-shadow:0 8px 32px #0006,0 0 0 1px #4ecdc44d}50%{box-shadow:0 12px 40px #00000080,0 0 0 1px #4ecdc480,0 0 30px #4ecdc44d}}.navbar-container.down .floating-nav-items{animation:slideDown .3s ease}.navbar-container.up .floating-nav-items{animation:slideUp .3s ease}@keyframes slideDown{0%{transform:translateY(-10px);opacity:.8}to{transform:translateY(0);opacity:1}}@keyframes slideUp{0%{transform:translateY(10px);opacity:.8}to{transform:translateY(0);opacity:1}}@media (min-width: 769px){.floating-nav-item .navblock{padding:.65rem 1rem;font-size:.9rem;min-width:70px;text-align:center;border-radius:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.floating-nav-item .navblock:hover{transform:translateY(-10px) translate(-5px) scale(1.05);background:linear-gradient(135deg,#4ecdc433,#ff6b6b26,#45b7d133);border-color:#4ecdc480;box-shadow:-10px 15px 40px #4ecdc44d,0 8px 25px #0006,inset 0 1px #fff3}.floating-nav-item .navblock:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);transition:left .5s ease;z-index:1}.floating-nav-item .navblock:hover:before{left:100%}.floating-nav-item .navblock.active{background:linear-gradient(135deg,#4ecdc440,#4ecdc433);border-color:#4ecdc4b3;transform:translateY(-5px) translate(-3px) scale(1.02);box-shadow:-8px 12px 35px #4ecdc440,0 6px 20px #0000004d,inset 0 1px #fff3}.item-tooltip{position:absolute;right:100%;top:50%;transform:translateY(-50%);margin-right:20px;background:linear-gradient(135deg,#0a0a14f2,#14141ef2);color:#fff;padding:10px 16px;border-radius:10px;font-size:.9rem;font-weight:600;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(78,205,196,.3);box-shadow:0 8px 32px #00000080,0 0 0 1px #ffffff1a,inset 0 1px #ffffff26}.tooltip-arrow{position:absolute;left:100%;top:50%;transform:translateY(-50%);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid rgba(10,10,20,.95);filter:drop-shadow(2px 0 4px rgba(0,0,0,.3))}.floating-nav-item:hover .item-tooltip{opacity:1;visibility:visible;transform:translateY(-50%) translate(-8px) scale(1.02)}}@media (max-width: 768px){.item-tooltip{display:none}}@media (max-width: 768px){.floating-nav-item .navblock{padding:.5rem .6rem;font-size:.8rem;min-width:50px}.floating-nav-item .navblock:hover{transform:none!important;background:#ffffff14!important;border-color:#ffffff1f!important;box-shadow:none!important}.floating-nav-item .navblock:active{transform:scale(.95)!important;background:#4ecdc426!important;border-color:#4ecdc44d!important;transition:all .1s ease!important}}@media (max-width: 1024px){.navbar-floating,.open-btn{right:20px}.floating-nav-item .navblock{min-width:50px;padding:.5rem .6rem;font-size:.8rem}.nav-toggle-btn,.back-to-top-btn{width:40px;height:40px}.nav-toggle-btn .btn-icon{font-size:1.6rem}.nav-bottom-buttons{gap:8px}}@media (max-width: 480px){.navbar-floating,.open-btn{right:10px}.floating-nav-items{padding:8px;gap:4px}.floating-nav-item .navblock{min-width:35px;padding:.3rem .4rem;font-size:.7rem}.scroll-progress-indicator,.nav-bottom-buttons{display:none}}@media (prefers-reduced-motion: reduce){.navbar-container,.navbar-original,.navbar-floating,.floating-nav-item,.navblock{transition:none;animation:none}.navbar-container.scrolled .navbar-original{display:none}.navbar-container.scrolled .navbar-floating{display:block}}@media (prefers-color-scheme: dark){.navbar-original{background:#05050ffa}.floating-bg-blur{background:#05050fe6}.floating-nav-item .navblock{background:#0000004d;border-color:#ffffff14}}@media (max-width: 768px){.floating-nav-item .navblock,.floating-nav-item .navblock *,.floating-nav-item .navblock-content,.floating-nav-item .navblock-text{opacity:1!important;visibility:visible!important}.floating-nav-item .navblock-text{display:inline!important}.floating-nav-item .navblock:hover,.floating-nav-item .navblock:hover *{opacity:1!important;visibility:visible!important;transform:none!important;animation:none!important}.floating-nav-item .navblock:hover .navblock-text{opacity:1!important;visibility:visible!important;display:inline!important}.floating-nav-item .navblock:hover{background:#ffffff14!important;border-color:#ffffff1f!important;box-shadow:none!important;transform:none!important}}@media (hover: none) and (pointer: coarse){.floating-nav-item .navblock,.floating-nav-item .navblock *,.floating-nav-item .navblock-text{opacity:1!important;visibility:visible!important;display:flex!important}.floating-nav-item .navblock-text{display:inline!important}.floating-nav-item .navblock:hover *{opacity:1!important}.floating-nav-item .navblock:hover .navblock-text{opacity:1!important;visibility:visible!important;display:inline!important}}.testimonials{position:relative;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:100px 20px;font-family:Inter,sans-serif;background:linear-gradient(135deg,#111111f2,#19192de6 30%,#232341d9 70%,#282846e6);opacity:0;transition:opacity .8s cubic-bezier(.4,0,.2,1)}.testimonials.visible{opacity:1}.testimonials-background{position:absolute;inset:0;pointer-events:none;overflow:hidden}.floating-quotes{position:absolute;width:100%;height:100%}.quote-mark{position:absolute;font-size:8rem;color:#ffffff08;font-weight:800;pointer-events:none;animation:floatQuote 20s ease-in-out infinite}.quote-1{top:10%;left:5%;animation-delay:0s}.quote-2{top:20%;right:10%;animation-delay:5s;transform:rotate(180deg)}.quote-3{bottom:30%;left:15%;animation-delay:10s}.quote-4{bottom:15%;right:20%;animation-delay:15s;transform:rotate(180deg)}.testimonials-grid-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:50px 50px;opacity:.5}.testimonials-gradient-overlay{position:absolute;top:0;left:0;right:0;height:300px;background:linear-gradient(180deg,rgba(78,205,196,.1) 0%,transparent 100%)}.testimonials-content{position:relative;z-index:10;max-width:1200px;width:100%;display:flex;flex-direction:column;align-items:center;gap:60px}.testimonials-header{text-align:center}.testimonials-title{font-size:4rem;font-weight:800;margin:0 0 20px;background:linear-gradient(135deg,#fff,#4ecdc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.testimonials-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(90deg,#ff6b6b,#4ecdc4,#45b7d1);border-radius:2px;animation:titlePulse 3s ease-in-out infinite}.testimonials-subtitle{font-size:1.3rem;color:#ffffffb3;font-weight:400;margin:0;max-width:600px}.testimonials-showcase{display:flex;flex-direction:column;align-items:center;gap:40px;width:100%}.testimonial-card-container{position:relative;width:100%;max-width:800px;height:400px;display:flex;align-items:center;justify-content:center}.testimonial-card{position:absolute;width:100%;height:100%;opacity:0;transform:translate(50px) scale(.9);transition:all .6s cubic-bezier(.4,0,.2,1);pointer-events:none}.testimonial-card.active{opacity:1;transform:translate(0) scale(1);pointer-events:all}.card-inner{position:relative;height:100%;background:#ffffff14;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:40px;display:flex;flex-direction:column;gap:30px;overflow:hidden;box-shadow:0 20px 40px #0000004d,inset 0 1px #ffffff1a}.card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(78,205,196,.15) 0%,transparent 70%);opacity:0;transition:opacity .6s ease;pointer-events:none}.testimonial-card.active .card-glow{opacity:1}.testimonial-card.placeholder .card-inner{border:2px dashed rgba(78,205,196,.3);background:#4ecdc40d}.testimonial-card.placeholder .card-glow{background:radial-gradient(circle,rgba(78,205,196,.2) 0%,transparent 70%)}.testimonial-header{display:flex;align-items:center;gap:20px}.client-avatar{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#4ecdc41a;border-radius:50%;flex-shrink:0}.avatar-emoji{font-size:2.5rem;position:relative;z-index:2}.avatar-ring{position:absolute;inset:-3px;border:2px solid #4ECDC4;border-radius:50%;animation:ringPulse 3s ease-in-out infinite}.client-info{flex:1}.client-name{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 5px}.client-role{font-size:1rem;color:#4ecdc4;font-weight:600;margin:0 0 2px}.client-company{font-size:.9rem;color:#fff9;margin:0}.rating{display:flex;gap:3px}.star{font-size:1.2rem;transition:transform .2s ease}.star.filled{animation:starTwinkle 2s ease-in-out infinite;animation-delay:var(--star-delay)}.testimonial-content{flex:1;display:flex;flex-direction:column;gap:20px}.quote-icon{font-size:3rem;color:#4ecdc44d;line-height:1}.testimonial-text{font-size:1.1rem;color:#ffffffe6;line-height:1.7;margin:0;font-style:italic;position:relative}.project-tag{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#4ecdc41a;border:1px solid rgba(78,205,196,.3);border-radius:20px;width:fit-content}.tag-label{font-size:.8rem;color:#ffffffb3;font-weight:600}.tag-value{font-size:.8rem;color:#4ecdc4;font-weight:700}.placeholder-cta{margin-top:10px}.cta-button{display:flex;align-items:center;gap:10px;padding:12px 24px;background:linear-gradient(135deg,#4ecdc4,#45b7d1);border:none;border-radius:12px;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;font-family:inherit}.cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #4ecdc466}.button-arrow{transition:transform .3s ease}.cta-button:hover .button-arrow{transform:translate(3px)}.testimonials-navigation{display:flex;gap:12px;align-items:center}.nav-dot{position:relative;width:40px;height:40px;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.dot-inner{width:12px;height:12px;border-radius:50%;background:#ffffff4d;transition:all .3s ease}.dot-ripple{position:absolute;width:30px;height:30px;border-radius:50%;background:#4ecdc433;opacity:0;transform:scale(.5);transition:all .3s ease}.nav-dot.active .dot-inner{background:#4ecdc4;transform:scale(1.2)}.nav-dot.active .dot-ripple{opacity:1;transform:scale(1)}.nav-dot:hover .dot-inner{background:#4ecdc4b3;transform:scale(1.1)}.testimonials-stats{display:flex;align-items:center;gap:40px;padding:30px 40px;background:#ffffff0f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;margin-top:20px}.stat-item{text-align:center;flex:1}.stat-number{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#4ecdc4,#45b7d1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:5px}.stat-label{font-size:.9rem;color:#ffffffb3;font-weight:500}.stat-divider{width:1px;height:60px;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%)}.testimonials-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.particle{position:absolute;width:6px;height:6px}.particle-core{width:100%;height:100%;background:#4ecdc466;border-radius:50%;animation:particleFloat 8s ease-in-out infinite}.particle-1{top:15%;left:10%;animation-delay:0s}.particle-2{top:30%;right:15%;animation-delay:1s}.particle-3{top:50%;left:20%;animation-delay:2s}.particle-4{top:70%;right:25%;animation-delay:3s}.particle-5{bottom:30%;left:30%;animation-delay:4s}.particle-6{bottom:50%;right:35%;animation-delay:5s}.particle-7{top:80%;left:70%;animation-delay:6s}.particle-8{top:25%;right:60%;animation-delay:7s}@keyframes floatQuote{0%,to{transform:translateY(0) rotate(0);opacity:.03}50%{transform:translateY(-20px) rotate(5deg);opacity:.06}}@keyframes titlePulse{0%,to{transform:translate(-50%) scaleX(1);opacity:1}50%{transform:translate(-50%) scaleX(1.1);opacity:.8}}@keyframes ringPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}}@keyframes starTwinkle{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes particleFloat{0%,to{transform:translateY(0) scale(1);opacity:.4}50%{transform:translateY(-30px) scale(1.3);opacity:.8}}@media (max-width: 1024px){.testimonials-stats{gap:30px;padding:25px 30px}.stat-number{font-size:2rem}}@media (max-width: 768px){.testimonials{padding:80px 15px}.testimonials-title{font-size:3rem}.testimonials-subtitle{font-size:1.1rem;padding:0 20px}.testimonial-card-container{height:450px}.card-inner{padding:30px 25px}.testimonial-header{flex-direction:column;text-align:center;gap:15px}.client-avatar{width:70px;height:70px}.avatar-emoji{font-size:2rem}.testimonials-stats{flex-direction:column;gap:20px;padding:25px 20px}.stat-divider{width:60px;height:1px}.floating-quotes{display:none}}@media (max-width: 480px){.testimonials-title{font-size:2.5rem}.card-inner{padding:25px 20px}.testimonial-text{font-size:1rem}.client-name{font-size:1.3rem}.testimonials-particles{display:none}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.floating-quotes,.testimonials-particles{display:none}}