:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{box-sizing:border-box;scroll-behavior:smooth}*,*:before,*:after{box-sizing:inherit;margin:0;padding:0}body{margin:0;padding:0;min-width:320px;min-height:100vh;background:#0a192f;color:#ccd6f6;overflow-x:hidden}a{text-decoration:none;color:inherit}button{border:none;background:none;cursor:pointer;font-family:inherit}img{max-width:100%;height:auto}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0a192f}::-webkit-scrollbar-thumb{background:#495670;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#64ffda}.navbar{position:fixed;top:0;left:0;width:100%;height:90px;background:#0a0a1ad9;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-bottom:1px solid rgba(255,215,0,.15);box-shadow:0 8px 40px #0006,inset 0 1px #ffd7001a,0 0 60px #ffd7001a;z-index:1000;transition:all .4s cubic-bezier(.4,0,.2,1)}.navbar.scrolled{height:80px;background:#0f0c1ef2;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);box-shadow:0 12px 50px #00000080,inset 0 1px #ffd70026,0 0 80px #ffd70026;border-bottom:1px solid rgba(255,215,0,.2)}.navbar-container{max-width:1400px;height:100%;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo{height:70px;display:flex;align-items:center;padding:.8rem;border-radius:25px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.logo:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#fff6,#ffffff4d);border-radius:25px;opacity:0;transition:opacity .4s ease}.logo:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(255,255,255,.4),transparent);opacity:0;transition:all .6s ease;animation:none}.logo:hover:before{opacity:1}.logo:hover:after{opacity:1;animation:logoRotate 2s linear infinite}.logo:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 40px #fff9,0 0 40px #ffffffb3;border-color:#fff6;background:#ffffff14}.nav-logo{height:60px;width:auto;border-radius:15px;transition:all .4s ease;position:relative;z-index:2}.logo:hover .nav-logo{transform:scale(1.08);box-shadow:0 0 35px #fff;filter:brightness(1.1)}.nav-links{display:flex;align-items:center;gap:.8rem}.nav-links a{color:#ffffffd9;text-decoration:none;font-size:.9rem;font-weight:600;padding:1rem 1.5rem;border-radius:25px;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);background:#ffffff0f;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px #ffffff26,0 4px 20px #00000026}.nav-links a:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(45deg,#ffd70099,#ff980099,#ff6b3599,#e91e6399,#9c27b099,#2196f399,#ffd70099);background-size:300% 300%;opacity:0;transition:all .5s ease;border-radius:27px;z-index:-2;filter:blur(3px)}.nav-links a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#14141ee6;border-radius:25px;z-index:-1;transition:all .4s ease}.nav-links a:hover:before{opacity:1;animation:gradientShift 2s ease infinite;background-size:400% 400%}.nav-links a:hover:after{background:#191923d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.nav-links a:hover{color:#fff;transform:translateY(-5px) scale(1.05);background:#ffffff1f;border-color:#ffd70066;box-shadow:inset 0 1px #ffffff40,0 15px 40px #0000004d,0 0 30px #ffd70066,0 5px 15px #ffd70033;text-shadow:0 0 15px rgba(255,215,0,.7);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.nav-links a.active{background:#ffd70033;color:#fff;border-color:#ffd70080;box-shadow:inset 0 1px #ffffff40,0 8px 25px #ffd70066,0 0 20px #ffd7004d;text-shadow:0 0 10px rgba(255,215,0,.6)}.nav-links a.active:before{opacity:.7;animation:gradientShift 3s ease infinite}.menu-button{display:none;background:#ffffff14;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:1rem;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px #ffffff26,0 6px 20px #00000026;position:relative;overflow:hidden}.menu-button:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(45deg,#ffd70080,#ff6b3580,#ffd70080);opacity:0;transition:opacity .4s ease;border-radius:22px;z-index:-1;filter:blur(2px)}.menu-button:hover:before{opacity:1;animation:gradientShift 2s ease infinite}.menu-button:hover{background:#ffffff26;transform:translateY(-3px) scale(1.05);box-shadow:inset 0 1px #ffffff40,0 12px 30px #00000040,0 0 25px #ffd7004d;border-color:#ffd70066}.menu-icon{width:24px;height:20px;position:relative;display:flex;flex-direction:column;justify-content:space-between;z-index:2}.menu-icon span{display:block;width:100%;height:2px;background:#ffffffe6;border-radius:2px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.menu-icon span:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#ffd700cc,#ff6b35cc);border-radius:2px;opacity:0;transition:opacity .3s ease}.menu-button:hover .menu-icon span{background:#fff;box-shadow:0 0 10px #ffd70099}.menu-button:hover .menu-icon span:after{opacity:1}.menu-icon.active span:nth-child(1){transform:translateY(9px) rotate(45deg)}.menu-icon.active span:nth-child(2){opacity:0;transform:scale(0)}.menu-icon.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}@media (max-width: 768px){.navbar{height:70px;background:#14141ee6}.navbar-container{padding:0 1rem}.logo{height:50px;padding:.5rem}.nav-logo{height:40px}.menu-button{display:block}.nav-links{position:fixed;top:70px;left:0;width:100%;flex-direction:column;background:#0f0c1ef2;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);padding:2rem 1rem;gap:1.2rem;transform:translateY(-100%);opacity:0;pointer-events:none;transition:all .5s cubic-bezier(.4,0,.2,1);border-bottom:1px solid rgba(255,215,0,.2);box-shadow:0 15px 50px #0006,0 0 80px #ffd7001a}.nav-links.active{transform:translateY(0);opacity:1;pointer-events:all}.nav-links a{width:100%;text-align:center;padding:1.2rem;font-size:1rem;border-radius:20px}}@media (max-width: 480px){.navbar-container{padding:0 .5rem}.nav-links{padding:1.5rem .5rem}}@keyframes logoRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes navbarSlideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@media (prefers-reduced-motion: no-preference){.navbar{animation:navbarSlideDown .8s cubic-bezier(.4,0,.2,1)}}@keyframes gridMove{0%{background-position:0 0}to{background-position:30px 30px}}@keyframes pulseGlow{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.5;transform:translate(-50%,-50%) scale(1.2)}}@keyframes logoGlow{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.5;transform:translate(-50%,-50%) scale(1.1)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0f1228d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(102,126,234,.15);transition:all .3s ease;box-shadow:0 4px 20px #0000001a}.navbar.scrolled{background:#14172df2;border-bottom:1px solid rgba(102,126,234,.2);box-shadow:0 4px 30px #0003}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;height:80px}.nav-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;transition:all .3s ease}.logo-symbol{position:relative;width:40px;height:40px;border-radius:50%;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,215,0,.2);display:flex;align-items:center;justify-content:center;overflow:hidden;animation:logoGlow 3s ease-in-out infinite}@keyframes logoGlow{0%,to{box-shadow:0 0 20px #ffffff80;transform:scale(1)}50%{box-shadow:0 0 30px #fffc;transform:scale(1.05)}}.symbol-arc{position:absolute;border-radius:50%;animation:rotateArc 6s linear infinite}.arc-1{width:20px;height:20px;border:2px solid transparent;border-top:2px solid #FFD700;border-right:2px solid #FF9800;animation-duration:3s}.arc-2{width:28px;height:28px;border:2px solid transparent;border-right:2px solid #FF6B35;border-bottom:2px solid #E91E63;animation-duration:4s;animation-direction:reverse}.arc-3{width:36px;height:36px;border:1px solid transparent;border-left:1px solid #9C27B0;border-top:1px solid #2196F3;animation-duration:5s}.symbol-dot{position:absolute;width:4px;height:4px;background:radial-gradient(circle,gold,#ff6b35);border-radius:50%;box-shadow:0 0 15px #fffc;animation:dotPulse 2s ease-in-out infinite}@keyframes rotateArc{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dotPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.7}}.logo-image{height:80px;max-width:140px;margin-left:1rem;object-fit:contain;border-radius:8px;transition:all .3s ease;filter:drop-shadow(0 0 20px rgba(255,255,255,.85))}.nav-logo:hover .logo-symbol{transform:scale(1.1)}.nav-logo:hover .logo-image{transform:scale(1.05);filter:drop-shadow(0 0 35px rgba(255,255,255,1))}.nav-menu{display:flex;gap:2rem;align-items:center}.nav-link{color:#fff;text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:8px;transition:all .3s ease;position:relative;overflow:hidden}.nav-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.1),transparent);transition:left .5s}.nav-link:hover:before{left:100%}.nav-link:hover{color:gold;background:#ffd7001a;text-shadow:0 0 10px rgba(255,215,0,.5)}.nav-link.active{color:gold;background:#ffd70026;box-shadow:0 0 20px #ffffff80;text-shadow:0 0 10px rgba(255,215,0,.5)}.nav-toggle{display:none;flex-direction:column;cursor:pointer;gap:4px;padding:8px}.nav-toggle span{width:25px;height:3px;background:linear-gradient(90deg,gold,#ff6b35);border-radius:2px;transition:all .3s ease}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}@media (max-width: 768px){.nav-toggle{display:flex}.logo-image{height:55px;max-width:120px}.nav-menu{position:fixed;top:80px;left:0;right:0;background:#0f1228f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;padding:2rem;border-top:1px solid rgba(255,215,0,.2);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease}.nav-menu.active{transform:translateY(0);opacity:1;visibility:visible}.nav-link{padding:1rem;text-align:center;border-bottom:1px solid rgba(255,215,0,.1)}.nav-link:last-child{border-bottom:none}}.theme-toggle{background:#ffffff4d;border:1px solid rgba(255,215,0,.3);border-radius:12px;padding:.5rem .8rem;color:#fff;cursor:pointer;transition:all .3s ease;font-size:1.2rem;display:flex;align-items:center;justify-content:center;min-width:45px;height:40px}.theme-toggle:hover{background:#ffd70033;border-color:#ffd70080;transform:scale(1.05);box-shadow:0 0 15px #ffd7004d}.language-toggle{background:#ffffff4d;border:1px solid rgba(255,215,0,.3);border-radius:12px;padding:.5rem .8rem;color:#fff;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:600;display:flex;align-items:center;justify-content:center;min-width:45px;height:40px}.language-toggle:hover{background:#ffd70033;border-color:#ffd70080;transform:scale(1.05);box-shadow:0 0 15px #ffd7004d}:root.dark-theme{--bg-primary: #0a0a1a;--bg-secondary: #1a1a2e;--text-primary: #ffffff;--text-secondary: #b0b0b0;--accent-color: #FFD700}.dark-theme .navbar{background:#05050ff2;border-bottom-color:#ffd70033}.dark-theme .navbar.scrolled{background:#0a0a14fa}.dark-theme .nav-link{color:#ffffffe6}.dark-theme .nav-link:hover{color:gold;background:#ffd70026}@media (max-width: 768px){.theme-toggle,.language-toggle{margin:.5rem 0;width:100%;justify-content:center}.nav-menu{gap:1rem}}.footer{background:linear-gradient(135deg,#0a0a1af2,#0f0c1efa,#140f23);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,215,0,.2);position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,215,0,.5) 50%,transparent 100%)}.footer-container{max-width:1200px;margin:0 auto;padding:3rem 2rem 1rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2.5rem;margin-bottom:2rem}.footer-section h4{color:gold;font-size:1.2rem;font-weight:600;margin-bottom:1.5rem;position:relative;text-shadow:0 0 10px rgba(255,215,0,.3)}.footer-section h4:after{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:2px;background:linear-gradient(90deg,gold,#ff6b35);border-radius:2px}.footer-logo{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;background:#fffffff2;padding:1rem 1.5rem;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 25px #0000001a,0 0 20px #ffffff1a}.footer-logo-img{width:70px;height:70px;border-radius:15px;filter:drop-shadow(0 0 10px rgba(255,215,0,.3))}.footer-logo h3{color:#2c3e50;font-size:1.8rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1);background:linear-gradient(135deg,#2c3e50,#34495e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-description{color:#fffc;line-height:1.6;font-size:.95rem}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:.8rem}.footer-link{color:#ffffffb3;text-decoration:none;transition:all .3s ease;display:inline-block;position:relative;padding:.3rem 0}.footer-link:before{content:"→";position:absolute;left:-20px;opacity:0;transition:all .3s ease;color:gold}.footer-link:hover{color:gold;transform:translate(15px);text-shadow:0 0 8px rgba(255,215,0,.4)}.footer-link:hover:before{opacity:1;left:-15px}.footer-contact{list-style:none;padding:0;margin:0}.footer-contact li{margin-bottom:1rem}.contact-item{display:flex;align-items:center;gap:1rem;color:#fffc;text-decoration:none;transition:all .3s ease;padding:.5rem;border-radius:8px;min-width:0;flex:1}.contact-item:hover{background:#ffd7001a;transform:translate(5px)}.contact-icon{font-size:1.2rem;width:24px;text-align:center;flex-shrink:0}.contact-label{display:block;font-size:.8rem;color:#fff9;margin-bottom:.2rem}.contact-value{display:block;color:#ffffffe6;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.social-links{display:flex;flex-direction:column;gap:.8rem}.social-link{display:flex;align-items:center;gap:1rem;color:#fffc;text-decoration:none;padding:.8rem;border-radius:15px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative;overflow:hidden}.social-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.1),transparent);transition:left .5s ease}.social-link:hover:before{left:100%}.social-link:hover{background:#ffffff1a;border-color:var(--social-color, #FFD700);transform:translateY(-3px);box-shadow:0 8px 25px #0003}.social-icon{font-size:1.2rem;margin-right:.5rem;transition:transform .3s ease;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.social-icon svg{width:18px;height:18px;transition:transform .3s ease}.social-name{font-weight:500}.footer-bottom{margin-top:2rem}.footer-divider{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,215,0,.3) 20%,rgba(255,107,53,.3) 50%,rgba(255,215,0,.3) 80%,transparent 100%);margin-bottom:1.5rem}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding:1rem 0}.footer-bottom-content p{color:#fff9;margin:0;font-size:.9rem}@media (max-width: 768px){.footer-container{padding:2rem 1rem 1rem}.footer-content{grid-template-columns:1fr;gap:2rem}.footer-bottom-content{flex-direction:column;text-align:center;gap:.5rem}.social-links{flex-direction:row;flex-wrap:wrap}.social-link{flex:1;min-width:120px;justify-content:center}}@media (max-width: 480px){.footer-logo{flex-direction:column;text-align:center;gap:.5rem}.footer-section h4:after{left:50%;transform:translate(-50%)}.social-links{flex-direction:column}}.home-container{min-height:100vh;background:linear-gradient(135deg,#0a0a1a,#1a0f2e,#2a1a3e,#1a0f2e,#0a0a1a);position:relative;overflow-x:hidden}.shape{position:absolute;background:linear-gradient(135deg,#ffd70026,#ff6b3514);border-radius:50%;animation:float 20s infinite linear;box-shadow:0 0 30px #ffd70033,inset 0 1px #ffffff1a}.shape-1{width:120px;height:120px;top:10%;left:10%;animation-duration:25s}.shape-2{width:80px;height:80px;top:20%;right:15%;animation-duration:18s;animation-direction:reverse}.shape-3{width:160px;height:160px;top:60%;left:5%;animation-duration:30s}.shape-4{width:100px;height:100px;top:70%;right:10%;animation-duration:22s;animation-direction:reverse}.shape-5{width:140px;height:140px;top:30%;left:60%;animation-duration:28s}.shape-6{width:90px;height:90px;top:80%;left:70%;animation-duration:20s;animation-direction:reverse}.shape-7{width:110px;height:110px;top:5%;left:80%;animation-duration:26s}.shape-8{width:70px;height:70px;top:90%;right:5%;animation-duration:24s;animation-direction:reverse}@keyframes float{0%{transform:translateY(0) rotate(0);opacity:.3}25%{opacity:.8}50%{transform:translateY(-100px) rotate(180deg);opacity:.6}75%{opacity:.9}to{transform:translateY(0) rotate(360deg);opacity:.3}}.floating-code{position:absolute;width:100%;height:100%;overflow:hidden;z-index:1}.code-line{position:absolute;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;font-weight:500;color:gold;text-shadow:0 0 8px rgba(255,215,0,.4);white-space:nowrap;opacity:0;animation:codeFloat 8s infinite linear;z-index:1}.code-1{top:15%;animation-delay:0s;animation-duration:10s;z-index:1}.code-2{top:18%;animation-delay:.5s;animation-duration:12s;z-index:2}.code-3{top:22%;animation-delay:1s;animation-duration:9s;z-index:3}.code-4{top:26%;animation-delay:1.5s;animation-duration:11s;z-index:4}.code-5{top:30%;animation-delay:2s;animation-duration:8s;z-index:5}.code-6{top:34%;animation-delay:.2s;animation-duration:13s;z-index:6}.code-7{top:38%;animation-delay:2.5s;animation-duration:10s;z-index:7}.code-8{top:42%;animation-delay:.8s;animation-duration:9s;z-index:8}.code-9{top:46%;animation-delay:3s;animation-duration:11s;z-index:9}.code-10{top:50%;animation-delay:1.2s;animation-duration:12s;z-index:10}.code-11{top:54%;animation-delay:3.5s;animation-duration:8s;z-index:11}.code-12{top:58%;animation-delay:.3s;animation-duration:10s;z-index:12}.code-13{top:62%;animation-delay:4s;animation-duration:9s;z-index:13}.code-14{top:66%;animation-delay:1.8s;animation-duration:11s;z-index:14}.code-15{top:70%;animation-delay:4.5s;animation-duration:13s;z-index:15}.code-16{top:74%;animation-delay:.7s;animation-duration:8s;z-index:16}.code-17{top:78%;animation-delay:5s;animation-duration:10s;z-index:17}.code-18{top:82%;animation-delay:2.2s;animation-duration:12s;z-index:18}.code-19{top:86%;animation-delay:5.5s;animation-duration:9s;z-index:19}.code-20{top:90%;animation-delay:3.2s;animation-duration:11s;z-index:20}@keyframes codeFloat{0%{transform:translate(100vw);opacity:0}10%{opacity:.7}90%{opacity:.7}to{transform:translate(-100vw);opacity:0}}.background-text{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-around;padding:0 100px;font-family:JetBrains Mono,monospace;font-size:8rem;font-weight:900;opacity:.02;z-index:-1}.background-text span{animation:textFlow 15s infinite linear}@keyframes textFlow{0%{transform:translate(100px)}to{transform:translate(-1200px)}}.hero-section{min-height:calc(100vh - 120px);display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;z-index:2;margin-top:120px}.hero-content{width:100%}.hero-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:30px;padding:4rem;text-align:center;box-shadow:0 30px 60px #0000004d,inset 0 1px #fff3;position:relative;overflow:hidden;animation:heroCardSlide 1s ease-out}.hero-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:cardShine 3s infinite}@keyframes heroCardSlide{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes cardShine{0%{left:-100%}to{left:100%}}.live-code-container{position:relative;margin-bottom:2rem;display:flex;justify-content:center;align-items:center}.code-window{background:#000c;border:1px solid rgba(255,215,0,.1);border-radius:12px;overflow:hidden;box-shadow:0 20px 40px #0009,0 0 50px #ffd7004d,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);max-width:500px;width:100%;animation:codeWindowSlide 1s ease-out;transition:all .3s ease}.code-window:hover{transform:translateY(-5px);box-shadow:0 30px 60px #000c,0 0 80px #ffd70080,inset 0 1px #fff3}.window-header{background:linear-gradient(135deg,#282828e6,#141414e6);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1)}.window-controls{display:flex;gap:8px}.control{width:12px;height:12px;border-radius:50%;cursor:pointer;transition:all .2s ease}.control.close{background:#ff5f56;box-shadow:0 0 8px #ff5f5666}.control.minimize{background:#ffbd2e;box-shadow:0 0 8px #ffbd2e66}.control.maximize{background:#27ca3f;box-shadow:0 0 8px #27ca3f66}.control:hover{transform:scale(1.1);box-shadow:0 0 15px currentColor}.window-title{color:#fffc;font-size:13px;font-weight:500;font-family:JetBrains Mono,Monaco,monospace}.code-content{display:flex;background:linear-gradient(135deg,#0f0f14f2,#14141ef2);min-height:150px;max-height:200px;overflow:hidden}.line-numbers{background:#0000004d;padding:16px 8px;border-right:1px solid rgba(255,255,255,.1);font-family:JetBrains Mono,Monaco,monospace;font-size:13px;color:#fff6;-webkit-user-select:none;user-select:none;min-width:40px;text-align:right}.line-number{display:block;line-height:20px;transition:color .2s ease}.code-text{flex:1;padding:16px;overflow:hidden;position:relative}.code-text pre{margin:0;font-family:JetBrains Mono,Monaco,monospace;font-size:14px;line-height:20px;color:#e6e6e6;white-space:pre-wrap;word-wrap:break-word}.code-text code{background:none;padding:0;font-family:inherit}.typing-cursor{color:gold;animation:cursorBlink 1s infinite;font-weight:700;font-size:16px;text-shadow:0 0 10px rgba(255,215,0,.8)}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes codeWindowSlide{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.code-text:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(0,255,136,.1),transparent);opacity:0;animation:codeGlow 3s ease-in-out infinite alternate;pointer-events:none}@keyframes codeGlow{0%{opacity:0}to{opacity:.3}}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1rem;animation:titleSlide 1s ease-out .5s both}.gradient-text{background:linear-gradient(135deg,gold,#ff9800,#ff6b35,#e91e63,#9c27b0,#2196f3);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:300% 300%;animation:gradientShift 4s ease-in-out infinite;position:relative;text-shadow:0 0 40px rgba(255,215,0,.4)}.gradient-text:after{content:attr(data-text);position:absolute;left:0;top:0;background:linear-gradient(135deg,gold,#ff9800,#ff6b35,#e91e63,#9c27b0,#2196f3);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:300% 300%;z-index:-1;filter:blur(3px);animation:gradientShift 4s ease-in-out infinite reverse}@keyframes gradientShift{0%,to{background-position:0% 50%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}}@keyframes titleSlide{0%{transform:translate(-50px);opacity:0}to{transform:translate(0);opacity:1}}.hero-description{font-size:1.2rem;color:#fffc;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto;animation:descSlide 1s ease-out .7s both}@keyframes descSlide{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.stat-item{text-align:center;padding:1.5rem;background:#ffffff0d;border-radius:20px;border:1px solid rgba(255,255,255,.1);animation:statSlide 1s ease-out calc(.9s + var(--delay)) both}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2rem;animation:buttonsSlide 1s ease-out 1.1s both}@keyframes buttonsSlide{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.btn{padding:1rem 2rem;border-radius:50px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease;position:relative;overflow:hidden;font-size:1rem;border:none;cursor:pointer}.btn-primary{background:linear-gradient(135deg,gold,#ff6b35,#e91e63);color:#fff;box-shadow:0 10px 30px #ffd70066}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 40px #ffd70099}.btn-outline{background:transparent;color:gold;border:2px solid #FFD700;box-shadow:0 10px 30px #ffd70033}.btn-outline:hover{background:gold;color:#000;transform:translateY(-2px);box-shadow:0 15px 40px #ffd70066}.btn-icon{transition:transform .3s ease}.btn:hover .btn-icon{transform:translate(5px)}.main-content{padding:4rem 2rem;max-width:1200px;margin:0 auto;position:relative;z-index:2}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:3rem;background:linear-gradient(135deg,gold,#ff6b35,#e91e63);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.services-section{margin-bottom:6rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.service-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;text-align:center;transition:all .3s ease;position:relative;overflow:hidden;animation:cardSlide 1s ease-out calc(var(--delay)) both}.service-card:hover .service-icon{transform:scale(1.1) rotateY(15deg);box-shadow:0 15px 40px #0006}@keyframes cardSlide{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.service-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:1.5rem}.service-icon{font-size:3rem;display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:20px;margin:0 auto 1rem;box-shadow:0 10px 30px #0000004d;transition:all .3s ease;font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif}.service-icon span{font-size:2.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.service-title{font-size:1.5rem;font-weight:600;color:#fff}.service-description{color:#fffc;margin-bottom:1.5rem;line-height:1.6}.service-features{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.feature-tag{background:#ffd70033;color:gold;padding:.25rem .75rem;border-radius:15px;font-size:.875rem;font-weight:500;border:1px solid rgba(255,215,0,.3)}.service-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(255,215,0,.05),transparent);opacity:0;transition:opacity .3s ease;z-index:-1;pointer-events:none}.service-card:hover .service-glow{opacity:.3}.technology-section{margin-bottom:6rem}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.tech-item{background:#ffffff0d;border-radius:15px;padding:1.5rem;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;animation:techSlide 1s ease-out calc(var(--delay)) both}.tech-item:hover{transform:translateY(-5px);border-color:#ffd70080}@keyframes techSlide{0%{transform:translate(-30px);opacity:0}to{transform:translate(0);opacity:1}}.tech-header{display:flex;align-items:center;margin-bottom:1rem}.tech-icon{font-size:1.5rem;margin-right:.75rem}.tech-name{font-size:1.1rem;font-weight:600;color:#fff;flex:1}.tech-percentage{color:gold;font-weight:600}.tech-progress{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;position:relative}.tech-progress-bar{height:100%;background:linear-gradient(135deg,gold,#ff6b35,#e91e63);border-radius:4px;position:relative;transition:width 2s ease-out}.tech-progress-bar:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progressShine 2s infinite}@media (max-width: 768px){.hero-card{padding:2rem}.hero-title{font-size:2.5rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.hero-buttons{flex-direction:column;align-items:center}.services-grid{grid-template-columns:1fr}.section-title{font-size:2rem}.background-text{font-size:4rem;padding:0 20px}}@media (max-width: 480px){.hero-title{font-size:2rem}.hero-description{font-size:1rem}.stats-grid{grid-template-columns:1fr}.main-content{padding:2rem 1rem}.background-text{font-size:2rem}}.whatsapp-float{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000;box-shadow:0 8px 25px #25d36666,0 0 20px #25d3664d;transition:all .3s cubic-bezier(.4,0,.2,1);animation:whatsappPulse 2s ease-in-out infinite}.whatsapp-float:hover{transform:scale(1.1) translateY(-5px);box-shadow:0 15px 35px #25d36699,0 0 30px #25d36680}.whatsapp-icon{width:32px;height:32px;color:#fff;transition:transform .3s ease}.whatsapp-float:hover .whatsapp-icon{transform:scale(1.1)}.whatsapp-tooltip{position:absolute;right:70px;top:50%;transform:translateY(-50%);background:#000c;color:#fff;padding:8px 12px;border-radius:8px;font-size:14px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease;pointer-events:none}.whatsapp-float:hover .whatsapp-tooltip{opacity:1;visibility:visible;transform:translateY(-50%) translate(-10px)}.whatsapp-tooltip:after{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border:6px solid transparent;border-left-color:#000c}@keyframes whatsappPulse{0%,to{box-shadow:0 8px 25px #25d36666,0 0 20px #25d3664d,0 0 #25d366b3}50%{box-shadow:0 8px 25px #25d36666,0 0 20px #25d3664d,0 0 0 15px #25d36600}}@media (max-width: 768px){.whatsapp-float{bottom:20px;right:20px;width:55px;height:55px}.whatsapp-icon{width:28px;height:28px}.whatsapp-tooltip{display:none}}.service-icon-content{width:40px;height:40px;color:#fff;display:flex;align-items:center;justify-content:center}.service-icon-content svg{width:100%;height:100%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}/�*� �T�y�p�e�w�r�i�t�e�r� �E�f�f�e�c�t� �C�u�r�s�o�r� �*�/� .feature-tag{background:linear-gradient(135deg,#1e3a8a,#3b82f6)!important;color:#fff!important;padding:.4rem 1rem!important;border-radius:20px!important;font-size:.9rem!important;font-weight:600!important;border:2px solid #60a5fa!important;text-shadow:0 1px 3px rgba(0,0,0,.5)!important;box-shadow:0 4px 15px #3b82f666,inset 0 1px #fff3!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;transition:all .3s ease!important;position:relative!important;overflow:hidden!important}.feature-tag:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.feature-tag:hover:before{left:100%}.about-container{position:relative;min-height:100vh;background:linear-gradient(135deg,#0a0a1a,#1a0f2e,#2a1a3e,#1a0f2e,#0a0a1a);color:#fff;overflow-x:hidden;padding-top:120px}.about-background-animation{position:fixed;top:120px;left:0;width:100%;height:calc(100vh - 120px);pointer-events:none;z-index:0}.about-floating-shapes{position:absolute;width:100%;height:100%}.about-shape{position:absolute;background:linear-gradient(135deg,#ffd70026,#ff6b3514);border-radius:50%;animation:aboutFloat 20s infinite linear;box-shadow:0 0 30px #ffd70033,inset 0 1px #ffffff1a}.shape-1{width:100px;height:100px;top:20%;left:10%;animation-delay:0s}.shape-2{width:150px;height:150px;top:60%;right:15%;animation-delay:-5s}.shape-3{width:80px;height:80px;top:80%;left:20%;animation-delay:-10s}.shape-4{width:120px;height:120px;top:30%;right:30%;animation-delay:-2s}.shape-5{width:90px;height:90px;top:70%;left:60%;animation-delay:-7s}@keyframes aboutFloat{0%{transform:translateY(0) rotate(0);opacity:.3}25%{opacity:.8}50%{transform:translateY(-100px) rotate(180deg);opacity:.6}75%{opacity:.9}to{transform:translateY(0) rotate(360deg);opacity:.3}}.background-text{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-around;align-items:center;font-size:8rem;font-weight:900;color:#667eea08;text-transform:uppercase;letter-spacing:2rem;z-index:-1;-webkit-user-select:none;user-select:none}.background-text span{animation:backgroundMove 20s infinite linear;transform:rotate(-15deg)}.background-text span:nth-child(2n){animation-direction:reverse;transform:rotate(15deg)}@keyframes backgroundMove{0%{transform:translate(-100%) rotate(-15deg)}to{transform:translate(100%) rotate(-15deg)}}.about-hero{position:relative;z-index:2;text-align:center;padding:4rem 2rem;margin-bottom:3rem}.about-title{font-size:3.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,gold,#ff9800,#ff6b35,#e91e63,#9c27b0,#2196f3);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:300% 300%;animation:gradientShift 4s ease-in-out infinite;text-shadow:0 0 40px rgba(255,215,0,.4)}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2,#f8cdda,#667eea);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease-in-out infinite;text-shadow:0 0 30px rgba(102,126,234,.3)}.hero-subtitle{animation:slideInUp 1s ease-out .3s both}.hero-subtitle p{font-size:1.3rem;color:#fffc;margin:0}@keyframes slideInDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.about-main-content{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 2rem}.section-title{font-size:2.5rem;text-align:center;margin-bottom:3rem;position:relative;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:3px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.neuromorphic-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:25px;padding:2rem;margin-bottom:2rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px #ffffff1a,0 8px 32px #0000004d}.neuromorphic-card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:linear-gradient(135deg,#667eea33,#764ba233);border-radius:25px;opacity:0;transition:opacity .4s ease;z-index:-1}.neuromorphic-card:hover:before{opacity:1}.neuromorphic-card:hover{transform:translateY(-5px);background:#ffffff14;border-color:#667eea4d;box-shadow:inset 0 1px #ffffff26,0 20px 60px #0006,0 0 30px #667eea33}.story-section{margin-bottom:4rem}.story-card .card-header h2{font-size:2rem;margin-bottom:1rem;color:#fff}.story-content p{font-size:1.1rem;line-height:1.8;color:#ffffffd9;margin-bottom:1rem}.vision-mission{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:4rem}.vision-card,.mission-card{padding:2rem}.icon-container{margin-bottom:1rem;font-size:2.5rem}.vision-card h3,.mission-card h3{font-size:1.5rem;margin-bottom:1rem;color:#fff}.vision-card p,.mission-card p{color:#ffffffd9;line-height:1.6}.stats-section{margin-bottom:4rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin:3rem 0}.stat-item{text-align:center;padding:1.5rem;background:#ffffff0d;border-radius:20px;border:1px solid rgba(255,255,255,.1);animation:statSlide 1s ease-out both;transition:all .3s ease}.stat-item:nth-child(1){animation-delay:.6s}.stat-item:nth-child(2){animation-delay:.8s}.stat-item:nth-child(3){animation-delay:1s}.stat-item:nth-child(4){animation-delay:1.2s}.stat-item:hover{transform:translateY(-10px);background:#ffffff1a}@keyframes statSlide{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.stat-number{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,gold,#ff6b35,#e91e63);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:block;margin-bottom:.5rem}.stat-label{color:#ffffffb3;font-size:1rem;font-weight:500}.values-section{margin-bottom:4rem}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.value-card{text-align:center;padding:2rem;animation:pulse 1s ease-out}.value-card:nth-child(1){animation-delay:.1s}.value-card:nth-child(2){animation-delay:.2s}.value-card:nth-child(3){animation-delay:.3s}.value-card:nth-child(4){animation-delay:.4s}.value-icon{font-size:2.5rem;margin-bottom:1rem;color:#667eea;display:block}.value-card h3{font-size:1.3rem;margin-bottom:1rem;color:#fff}.value-card p{color:#ffffffd9;line-height:1.6}@keyframes pulse{0%{opacity:0;transform:scale(.9)}60%{opacity:1;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.about-container{padding-top:100px}.background-text{font-size:4rem;letter-spacing:1rem}.about-title{font-size:2.5rem}.hero-subtitle p{font-size:1.1rem}.about-main-content{padding:0 1rem}.vision-mission{grid-template-columns:1fr;gap:1.5rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;padding:0 .5rem}.values-grid{grid-template-columns:1fr;gap:1.5rem}.neuromorphic-card{padding:1.5rem}.section-title,.stat-number{font-size:2rem}}@media (max-width: 480px){.about-hero{padding:2rem 1rem}.about-title{font-size:2rem}.hero-subtitle p{font-size:1rem}.background-text{font-size:2.5rem;letter-spacing:.5rem}.neuromorphic-card{padding:1rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.8rem;padding:0}.stat-item{padding:1.2rem}.stat-number{font-size:1.8rem}.stat-label{font-size:.9rem}}.skill-category h3{color:gold;font-size:1.2rem;font-weight:600;margin-bottom:1rem;text-shadow:0 0 10px rgba(255,215,0,.5)}.skill-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:.5rem;background:#ffd7000d;border-radius:8px;border:1px solid rgba(255,215,0,.1);transition:all .3s ease}.skill-item:hover{background:#ffd7001a;border-color:#ffd7004d;box-shadow:0 5px 15px #ffd70033}.skill-progress{width:60%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.skill-progress-bar{height:100%;background:linear-gradient(135deg,gold,#ff6b35,#e91e63);border-radius:3px;transition:width 2s ease-out;position:relative}.skill-progress-bar:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progressShine 2s infinite}@keyframes progressShine{0%{left:-100%}to{left:100%}}.education-item{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,215,0,.1);border-radius:20px;padding:2rem;margin-bottom:2rem;position:relative;transition:all .3s ease}.education-item:hover{transform:translateY(-10px);border-color:#ffd70080;box-shadow:0 20px 40px #ffd70033}.education-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.1),transparent);transition:left .5s}.education-item:hover:before{left:100%}.education-degree{color:gold;font-size:1.3rem;font-weight:600;margin-bottom:.5rem;text-shadow:0 0 10px rgba(255,215,0,.5)}.education-school{color:#ff6b35;font-size:1.1rem;font-weight:500;margin-bottom:.5rem}.education-year{color:#e91e63;font-size:.9rem;font-weight:500}.services-container{position:relative;min-height:100vh;background:linear-gradient(135deg,#0a0a1a,#1a0f2e,#2a1a3e,#1a0f2e,#0a0a1a);color:#fff;overflow-x:hidden;padding-top:120px}.services-shape{position:absolute;background:linear-gradient(135deg,#ffd70026,#ff6b3514);border-radius:50%;animation:servicesFloat 20s infinite linear;box-shadow:0 0 30px #ffd70033,inset 0 1px #ffffff1a}.shape-1{width:120px;height:120px;top:15%;left:8%;animation-delay:0s}.shape-2{width:180px;height:180px;top:55%;right:12%;animation-delay:-6s}.shape-3{width:90px;height:90px;top:75%;left:15%;animation-delay:-12s}.shape-4{width:140px;height:140px;top:25%;right:25%;animation-delay:-3s}.shape-5{width:100px;height:100px;top:65%;left:55%;animation-delay:-9s}.shape-6{width:160px;height:160px;top:40%;left:75%;animation-delay:-15s}@keyframes float{0%,to{transform:translateY(0) rotate(0) scale(1);opacity:.4}25%{transform:translateY(-30px) rotate(90deg) scale(1.1);opacity:.8}50%{transform:translateY(-60px) rotate(180deg) scale(.9);opacity:.3}75%{transform:translateY(-30px) rotate(270deg) scale(1.1);opacity:.7}}.background-text{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-around;align-items:center;font-size:9rem;font-weight:900;color:#ffffff04;text-transform:uppercase;letter-spacing:2.5rem;z-index:-1;-webkit-user-select:none;user-select:none}.background-text span{animation:backgroundMove 25s infinite linear;transform:rotate(-20deg)}.services-hero{position:relative;z-index:10;text-align:center;padding:4rem 2rem;margin-bottom:4rem}.services-title{font-size:3.5rem;font-weight:700;text-align:center;margin-bottom:3rem;background:linear-gradient(135deg,gold,#ff9800,#ff6b35,#e91e63,#9c27b0,#2196f3);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:300% 300%;animation:gradientShift 4s ease-in-out infinite;text-shadow:0 0 40px rgba(255,215,0,.4)}.gradient-text{background:linear-gradient(135deg,#00a6ff,#fff,#7b2d8e,#00a6ff);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 4s ease-in-out infinite;text-shadow:0 0 40px rgba(0,166,255,.4)}.hero-subtitle{animation:slideInUp 1s ease-out .4s both}.hero-subtitle p{font-size:1.4rem;color:#fffc;margin:0}@keyframes slideInDown{0%{opacity:0;transform:translateY(-60px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.services-main-content{position:relative;z-index:10;max-width:1400px;margin:0 auto;padding:0 2rem}.section-title{font-size:3rem;text-align:center;margin-bottom:4rem;background:linear-gradient(135deg,#00a6ff,#fff,#7b2d8e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;animation:titleFloat 3s ease-in-out infinite}.section-title:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(90deg,transparent,#00a6ff,#7b2d8e,transparent);border-radius:2px}@keyframes titleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem;margin-bottom:6rem}.neuromorphic-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,215,0,.1);border-radius:20px;padding:2rem;transition:all .3s ease;position:relative;overflow:hidden;animation:slideInUp .8s ease-out both;z-index:5}.service-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.1),transparent);transition:left .5s}.service-card:hover:before{left:100%}.service-card:hover{transform:translateY(-10px);border-color:#ffd70080;box-shadow:0 20px 40px #ffd70033}.service-header{display:flex;align-items:center;margin-bottom:2rem}.service-icon-container{margin-right:1.5rem}.service-icon{font-size:3rem;color:#fff;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;text-align:center;text-shadow:0 0 10px rgba(255,255,255,.5),0 0 20px rgba(255,255,255,.3),0 0 30px rgba(255,255,255,.2);-webkit-text-stroke:1px rgba(255,255,255,.2);filter:drop-shadow(0 0 8px rgba(255,255,255,.4)) drop-shadow(0 0 15px rgba(255,255,255,.2));z-index:2;position:relative}.service-title{color:gold;font-size:1.5rem;font-weight:600;margin-bottom:1rem;text-align:center;text-shadow:0 0 10px rgba(255,215,0,.5)}.service-content{margin-bottom:2rem}.service-description{color:#fffc;margin-bottom:1.5rem;line-height:1.6;text-align:center}.service-features{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.feature-tag{background:linear-gradient(135deg,#1e3a8a,#3b82f6)!important;color:#fff!important;padding:.4rem 1rem!important;border-radius:20px!important;font-size:.9rem!important;font-weight:600!important;border:2px solid #60a5fa!important;text-shadow:0 1px 3px rgba(0,0,0,.5)!important;box-shadow:0 4px 15px #3b82f666,inset 0 1px #fff3!important}.service-price{text-align:center;padding:1rem;background:#ffd7001a;border-radius:15px;border:1px solid rgba(255,215,0,.2)}.price-amount{font-size:2rem;font-weight:700;background:linear-gradient(135deg,gold,#ff6b35,#e91e63);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:block}.price-period{color:#ff6b35;font-size:.9rem;margin-top:.25rem}.service-footer{display:flex;justify-content:center}.btn-service{width:100%;padding:.75rem 1.5rem;border:none;border-radius:25px;background:linear-gradient(135deg,gold,#ff6b35,#e91e63);color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;margin-top:1rem}.btn-service:hover{transform:translateY(-2px);box-shadow:0 15px 30px #ffd70066}.process-section{margin-bottom:6rem;padding:3rem 0}.process-steps{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2rem}.process-step{text-align:center;max-width:250px;animation:slideInUp .8s ease-out both;z-index:5}.process-step:nth-child(odd){animation-delay:.1s}.process-step:nth-child(2n){animation-delay:.3s}.step-number{font-size:1.2rem;color:#7b2d8e;font-weight:700;margin-bottom:1rem;opacity:.8}.step-icon{font-size:3.5rem;margin-bottom:1.5rem;animation:bounce 2s infinite}.process-step h3{color:#00a6ff;margin-bottom:1rem;font-size:1.5rem}.process-step p{color:#fffc;line-height:1.6}.process-arrow{font-size:2rem;color:#00a6ff;animation:pulse 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-15px)}60%{transform:translateY(-8px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.technologies-section{margin-bottom:4rem;padding:3rem 0}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.tech-category{text-align:center;animation:slideInUp .8s ease-out both;z-index:5}.tech-category:nth-child(1){animation-delay:.1s}.tech-category:nth-child(2){animation-delay:.2s}.tech-category:nth-child(3){animation-delay:.3s}.tech-category:nth-child(4){animation-delay:.4s}.tech-category h3{color:#00a6ff;font-size:1.5rem;margin-bottom:1.5rem;position:relative}.tech-category h3:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:40px;height:2px;background:linear-gradient(90deg,#00a6ff,#7b2d8e);border-radius:1px}.tech-items{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem}.tech-item{background:#00a6ff1a;border:1px solid rgba(0,166,255,.3);border-radius:25px;padding:.6rem 1.2rem;color:#ffffffe6;font-size:.9rem;font-weight:500;transition:all .3s ease;cursor:pointer}.tech-item:hover{background:#00a6ff33;border-color:#00a6ff80;transform:translateY(-3px);box-shadow:0 5px 15px #00a6ff33}@media (max-width: 768px){.services-container{padding-top:100px}.background-text{font-size:5rem;letter-spacing:1.5rem}.services-title{font-size:3rem}.hero-subtitle p{font-size:1.2rem}.services-main-content{padding:0 1rem}.services-grid{grid-template-columns:1fr;gap:2rem}.neuromorphic-card{padding:2rem}.section-title{font-size:2.5rem}.process-steps{flex-direction:column}.process-arrow{transform:rotate(90deg)}.tech-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 480px){.services-hero{padding:2rem 1rem}.services-title{font-size:2.5rem}.hero-subtitle p{font-size:1.1rem}.background-text{font-size:3.5rem;letter-spacing:1rem}.neuromorphic-card{padding:1.5rem}.service-header{flex-direction:column;text-align:center}.service-icon-container{margin-right:0;margin-bottom:1rem}.services-grid,.tech-grid{grid-template-columns:1fr}}.brands-container{position:relative;min-height:100vh;background:linear-gradient(135deg,#0a0a1a,#1a0f2e,#2a1a3e,#1a0f2e,#0a0a1a);color:#fff;overflow-x:hidden;padding-top:120px}.brands-hero{position:relative;z-index:10;text-align:center;padding:5rem 2rem;margin-bottom:4rem}.brands-title{font-size:3.5rem;font-weight:700;text-align:center;margin-bottom:3rem;animation:slideInDown 1s ease-out}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;max-width:800px;margin:0 auto}.stat-item{background:#2f4f7926;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.15);border-radius:25px;padding:2rem 1rem;text-align:center;position:relative;overflow:hidden;transform:translateY(50px);opacity:0;animation:numberFloat 1.2s ease-out forwards;box-shadow:inset 8px 8px 16px #00000026,inset -8px -8px 16px #ffffff05,0 25px 50px #00000040}.stat-number{display:block;font-size:2.5rem;font-weight:900;background:linear-gradient(135deg,#00a6ff,#7b2d8e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;text-shadow:0 0 30px rgba(0,166,255,.5)}@keyframes numberFloat{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.stat-label{color:#fffc;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}@keyframes slideInDown{0%{transform:translateY(-100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.brands-main-content{position:relative;z-index:10;max-width:1400px;margin:0 auto;padding:0 2rem}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:3rem;background:linear-gradient(135deg,#00a6ff,#7b2d8e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;animation:titleFloat 1s ease-out}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(135deg,#00a6ff,#7b2d8e);border-radius:2px;animation:lineGlow 2s ease-in-out infinite alternate}@keyframes titleFloat{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes lineGlow{0%{box-shadow:0 0 10px #00a6ff80}to{box-shadow:0 0 20px #7b2d8ecc}}.filter-section{margin-bottom:4rem}.category-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.filter-btn{position:relative;padding:12px 24px;background:transparent;border:2px solid rgba(255,255,255,.1);border-radius:25px;color:#ffffffb3;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.filter-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,#00a6ff4d,#7b2d8e4d);transition:left .3s ease;z-index:-1}.filter-btn:hover:before{left:0}.filter-btn:hover{color:#fff;border-color:#00a6ff80;transform:translateY(-2px)}.filter-btn.active{background:linear-gradient(135deg,#00a6ff33,#7b2d8e33);border-color:#00a6ff80;color:#fff;box-shadow:0 0 20px #00a6ff4d}.brands-section{margin-bottom:6rem}.brands-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2.5rem;margin-top:3rem}.neuromorphic-card{background:#2f4f7926;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.15);border-radius:25px;padding:2rem;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.25,.8,.25,1);box-shadow:inset 8px 8px 16px #00000026,inset -8px -8px 16px #ffffff05,0 25px 50px #00000040;transform:translateY(0);animation:fadeInUp .8s ease-out forwards;opacity:0}.neuromorphic-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:inset 8px 8px 16px #0003,inset -8px -8px 16px #ffffff0d,0 40px 80px #0006,0 0 40px #00a6ff1a}.card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#00a6ff1a,#7b2d8e1a);opacity:0;transition:opacity .3s ease;pointer-events:none;border-radius:25px}.neuromorphic-card:hover .card-overlay{opacity:1}.card-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.brand-image{position:relative;width:70px;height:70px;flex-shrink:0}.image-placeholder{width:100%;height:100%;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#ffffffe6;position:relative;overflow:hidden;border:2px solid rgba(255,255,255,.1);box-shadow:0 8px 25px #00000040,inset 0 1px #ffffff26}.status-badge{position:absolute;top:-8px;right:-8px;padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.status-badge[data-status=completed]{background:#4caf5033;color:#4caf50}.status-badge[data-status=in-progress]{background:#ff980033;color:#ff9800}.status-badge[data-status=planning]{background:#607d8b33;color:#607d8b}.brand-info{flex:1}.brand-name{font-size:1.2rem;font-weight:700;color:#fff;margin-bottom:.5rem}.brand-category{color:#00a6ffcc;font-size:.9rem;font-weight:500;margin-bottom:.3rem}.launch-date{color:#fff9;font-size:.8rem}.brand-description{margin-bottom:1.5rem}.brand-description p{color:#fffc;line-height:1.6;font-size:.95rem}.tech-section{margin-bottom:1.5rem}.tech-section h4{color:#ffffffe6;font-size:1rem;margin-bottom:.8rem;font-weight:600}.tech-stack{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{padding:6px 12px;background:#00a6ff26;border:1px solid rgba(0,166,255,.3);border-radius:15px;color:#00a6ffe6;font-size:.8rem;font-weight:500;transition:all .3s ease}.tech-tag:hover{background:#00a6ff40;transform:translateY(-1px)}.features-section{margin-bottom:1.5rem}.features-section h4{color:#ffffffe6;font-size:1rem;margin-bottom:.8rem;font-weight:600}.features-list{display:flex;flex-wrap:wrap;gap:.5rem}.feature-tag{background:linear-gradient(135deg,#1e3a8a,#3b82f6)!important;color:#fff!important;padding:.4rem 1rem!important;border-radius:20px!important;font-size:.9rem!important;font-weight:600!important;border:2px solid #60a5fa!important;text-shadow:0 1px 3px rgba(0,0,0,.5)!important;box-shadow:0 4px 15px #3b82f666,inset 0 1px #fff3!important;transition:all .3s ease!important}.feature-tag:hover{transform:translateY(-2px) scale(1.05)!important;border-color:#93c5fd!important;box-shadow:0 6px 20px #3b82f699,inset 0 1px #ffffff4d!important;color:#dbeafe!important;background:linear-gradient(135deg,#1e40af,#2563eb)!important}.metrics-section{margin-bottom:1.5rem}.metrics-section h4{color:#ffffffe6;font-size:1rem;margin-bottom:.8rem;font-weight:600}.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.metric-item{text-align:center;padding:1rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.metric-item .metric-label{display:block;font-size:.8rem;color:#fff9;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.metric-item .metric-value{font-size:1.2rem;font-weight:700;color:#ffffffe6}.metric-item.after .metric-value{color:#4caf50}.card-footer{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.brand-links{display:flex;gap:1rem;flex-wrap:wrap}.brand-link{padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:20px;color:#fffc;text-decoration:none;font-size:.85rem;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.brand-link:hover{background:#00a6ff33;border-color:#00a6ff80;color:#fff;transform:translateY(-2px)}.cta-section{margin-top:6rem;display:flex;justify-content:center}.cta-card{max-width:800px;text-align:center;background:#2f4f7940;border:2px solid rgba(255,255,255,.2)}.cta-title{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,#00a6ff,#7b2d8e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-description{font-size:1.2rem;color:#fffc;margin-bottom:2rem;line-height:1.6}.cta-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem}.cta-feature{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff0d;border-radius:15px;border:1px solid rgba(255,255,255,.1);transform:translateY(20px);opacity:0;animation:fadeInUp .8s ease-out forwards}.cta-icon{font-size:1.5rem;animation:ctaIconFloat 2s ease-in-out infinite}@keyframes ctaIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.cta-text{color:#ffffffe6;font-weight:500}.cta-btn{display:inline-flex;align-items:center;gap:1rem;padding:1rem 2rem;background:linear-gradient(135deg,#00a6ff,#7b2d8e);border:none;border-radius:25px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.cta-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,#fff3,#ffffff1a);transition:left .3s ease}.cta-btn:hover:before{left:0}.cta-btn:hover{transform:translateY(-3px);box-shadow:0 15px 35px #00a6ff66}.cta-btn-icon{transition:transform .3s ease}.cta-btn:hover .cta-btn-icon{transform:translate(5px)}@keyframes fadeInUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 1200px){.brands-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.hero-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.cta-features{grid-template-columns:1fr}}@media (max-width: 768px){.brands-container{padding-top:100px}.background-text{font-size:6rem;letter-spacing:1rem}.brands-title{font-size:2.5rem}.hero-subtitle p{font-size:1.2rem}.hero-stats{grid-template-columns:1fr;gap:1rem}.section-title{font-size:2rem}.brands-grid{grid-template-columns:1fr;gap:1.5rem}.card-header{flex-direction:column;text-align:center;gap:1rem}.metrics-grid,.cta-features{grid-template-columns:1fr}.cta-card{margin:0 1rem}.cta-title{font-size:2rem}.category-filters{justify-content:center;gap:.5rem}.filter-btn{padding:8px 16px;font-size:.9rem}}@media (max-width: 480px){.brands-hero{padding:3rem 1rem}.brands-title{font-size:2rem}.hero-subtitle p{font-size:1rem}.background-text{font-size:4rem;letter-spacing:.5rem}.neuromorphic-card{padding:1.5rem}.brand-image{width:50px;height:50px}.image-placeholder{font-size:1.2rem}.brand-name{font-size:1rem}.brand-category{font-size:.8rem}.cta-card{padding:2rem 1.5rem}.cta-title{font-size:1.8rem}.cta-description{font-size:1rem}.cta-btn{padding:.8rem 1.5rem;font-size:1rem}.category-filters{gap:.3rem}.filter-btn{padding:6px 12px;font-size:.8rem}}.references-container{position:relative;min-height:100vh;background:linear-gradient(135deg,#0a0a1a,#1a0f2e,#2a1a3e,#1a0f2e,#0a0a1a);color:#fff;overflow-x:hidden;padding-top:120px}.shape{position:absolute;background:linear-gradient(45deg,#00a6ff14,#7b2d8e0d);border-radius:50%;animation:float 40s infinite ease-in-out}.shape-1{width:120px;height:120px;top:10%;left:5%;animation-delay:0s}.shape-2{width:180px;height:180px;top:70%;right:8%;animation-delay:-15s}.shape-3{width:90px;height:90px;top:25%;left:75%;animation-delay:-30s}.shape-4{width:150px;height:150px;top:45%;right:40%;animation-delay:-8s}.shape-5{width:110px;height:110px;top:80%;left:30%;animation-delay:-22s}.shape-6{width:200px;height:200px;top:15%;right:70%;animation-delay:-12s}.shape-7{width:130px;height:130px;top:60%;left:60%;animation-delay:-25s}.shape-8{width:160px;height:160px;top:35%;left:15%;animation-delay:-18s}@keyframes float{0%,to{transform:translateY(0) rotate(0) scale(1);opacity:.3}25%{transform:translateY(-80px) rotate(90deg) scale(1.2);opacity:.6}50%{transform:translateY(-160px) rotate(180deg) scale(.8);opacity:.2}75%{transform:translateY(-80px) rotate(270deg) scale(1.3);opacity:.5}}.background-text{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-around;align-items:center;font-size:10rem;font-weight:900;color:#ffffff02;text-transform:uppercase;letter-spacing:3rem;z-index:-1;-webkit-user-select:none;user-select:none}.background-text span{animation:backgroundMove 45s infinite linear;transform:rotate(-20deg)}.background-text span:nth-child(2n){animation-direction:reverse;transform:rotate(20deg)}@keyframes backgroundMove{0%{transform:translate(-120%) rotate(-20deg)}to{transform:translate(120%) rotate(-20deg)}}.references-hero{position:relative;z-index:10;text-align:center;padding:5rem 2rem;margin-bottom:4rem}.references-title{font-size:3.5rem;font-weight:700;text-align:center;margin-bottom:3rem;background:linear-gradient(135deg,gold,#ff9800,#ff6b35,#e91e63,#9c27b0,#2196f3);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:300% 300%;animation:gradientShift 4s ease-in-out infinite;text-shadow:0 0 40px rgba(255,215,0,.4)}.gradient-text{background:linear-gradient(135deg,#00a6ff,#fff,#7b2d8e,#00a6ff);background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 8s ease-in-out infinite;text-shadow:0 0 80px rgba(0,166,255,.6)}.hero-stats{display:flex;justify-content:center;gap:4rem;margin-top:2rem}.stat-item{display:flex;flex-direction:column;align-items:center;animation:slideInUp 1s ease-out both}.stat-item:nth-child(1){animation-delay:.8s}.stat-item:nth-child(2){animation-delay:1s}.stat-item:nth-child(3){animation-delay:1.2s}.stat-number{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#00a6ff,#7b2d8e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;animation:numberFloat 4s ease-in-out infinite}@keyframes numberFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.05)}}.stat-label{font-size:1.1rem;color:#fffc;font-weight:500}.references-main-content{position:relative;z-index:10;max-width:1600px;margin:0 auto;padding:0 2rem}.section-title{font-size:4rem;text-align:center;margin-bottom:4rem;background:linear-gradient(135deg,#00a6ff,#fff,#7b2d8e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;animation:titleFloat 5s ease-in-out infinite}.section-title:after{content:"";position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:150px;height:4px;background:linear-gradient(90deg,transparent,#00a6ff,#7b2d8e,transparent);border-radius:2px;animation:lineGlow 4s ease-in-out infinite}@keyframes titleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes lineGlow{0%,to{box-shadow:0 0 20px #00a6ff99}50%{box-shadow:0 0 40px #7b2d8ecc}}.filter-section{margin-bottom:6rem}.category-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem}.filter-btn{background:#2f4f791a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(255,255,255,.1);border-radius:25px;padding:1rem 2rem;color:#fffc;font-weight:600;cursor:pointer;transition:all .4s ease;position:relative;overflow:hidden;font-size:1rem}.filter-btn: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}.filter-btn:hover:before{left:100%}.filter-btn:hover{transform:translateY(-3px);border-color:#00a6ff80;box-shadow:0 15px 35px #00a6ff33}.filter-btn.active{background:linear-gradient(135deg,#00a6ff,#7b2d8e);border-color:transparent;color:#fff;transform:translateY(-3px);box-shadow:0 15px 35px #00a6ff66}.references-section{margin-bottom:6rem}.references-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:3rem}.reference-card{background:#0f0f23f2;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(0,166,255,.2);border-radius:24px;padding:0;margin-bottom:2rem;transition:all .6s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;box-shadow:0 10px 40px #0000004d,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a}.reference-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#00a6ff1a,#7b2d8e1a,#ff6b351a);opacity:0;transition:opacity .6s ease;border-radius:24px}.reference-card:hover:before{opacity:1}.reference-card:hover{transform:translateY(-15px) rotateX(5deg) rotateY(2deg);border-color:#00a6ff99;box-shadow:0 30px 80px #00a6ff40,0 20px 60px #7b2d8e26,0 0 0 1px #ffffff1a,inset 0 1px #fff3}.card-header{position:relative;padding:2rem 2rem 1.5rem;background:linear-gradient(135deg,#00a6ff14,#7b2d8e0d);border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:flex-start;gap:1.5rem}.card-header:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(0,166,255,.5) 20%,rgba(123,45,142,.5) 50%,rgba(255,107,53,.5) 80%,transparent 100%)}.project-image{position:relative;width:120px;height:120px;flex-shrink:0}.image-placeholder{width:100%;height:100%;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#ffffffe6;position:relative;overflow:hidden;border:2px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #0000004d,inset 0 1px #fff3}.image-placeholder:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:rotate(45deg);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.image-placeholder img{width:100%;height:100%;object-fit:contain;border-radius:16px;filter:drop-shadow(0 5px 15px rgba(0,0,0,.3))}.status-badge{position:absolute;top:-8px;right:-8px;padding:.4rem .8rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0003}.status-badge[data-status=tamamlandı]{background:linear-gradient(135deg,#0f8,#00cc6a);color:#003d1a;box-shadow:0 4px 15px #0f86}.status-badge[data-status="devam ediyor"]{background:linear-gradient(135deg,gold,#ffb700);color:#332900;box-shadow:0 4px 15px #ffd70066}.status-badge[data-status=planlama]{background:linear-gradient(135deg,#ff6b35,#e55a2e);color:#fff;box-shadow:0 4px 15px #ff6b3566}.project-info{flex:1;min-width:0}.project-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 .5rem;background:linear-gradient(135deg,#fff,#e0e0e0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 10px rgba(255,255,255,.2);line-height:1.2}.client-name{font-size:1.1rem;font-weight:500;color:#00a6ff;margin:0 0 .75rem;text-shadow:0 0 10px rgba(0,166,255,.5)}.industry-tag{display:inline-block;padding:.4rem 1rem;background:#7b2d8e33;border:1px solid rgba(123,45,142,.4);border-radius:20px;color:#c294d8;font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.project-description{padding:2rem;margin:0}.project-description p{color:#ffffffd9;font-size:1rem;line-height:1.7;margin:0;text-align:justify;font-weight:400}.metrics-section{padding:1.5rem 2rem;background:linear-gradient(135deg,#00a6ff0d,#7b2d8e08);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.metrics-title{font-size:1.2rem;color:#00a6ff;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;font-weight:600;text-shadow:0 0 10px rgba(0,166,255,.5)}.metrics-grid{display:grid;gap:1rem}.metric-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;transition:all .3s ease}.metric-item:hover{background:#ffffff14;border-color:#00a6ff4d;transform:translateY(-2px)}.metric-comparison{display:flex;flex-direction:column;gap:1rem}.before-after{display:flex;flex-direction:column;gap:.75rem}.before-after .before,.before-after .after{display:block;padding:.5rem 0;font-size:.95rem;line-height:1.4}.before-after .before{color:#ffffffb3;border-bottom:1px solid rgba(255,255,255,.1)}.before-after .after{color:#0f8;font-weight:600}.improvement{background:linear-gradient(135deg,#0f83,#00ff881a);border:1px solid rgba(0,255,136,.3);border-radius:8px;padding:.75rem;text-align:center;color:#0f8;font-weight:700;font-size:1.1rem;text-shadow:0 0 10px rgba(0,255,136,.5);margin-top:.5rem}.metric-label{display:none}.tech-section{padding:1.5rem 2rem}.tech-title{font-size:1.2rem;color:#7b2d8e;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;font-weight:600;text-shadow:0 0 10px rgba(123,45,142,.5)}.tech-stack{display:flex;flex-wrap:wrap;gap:.75rem}.tech-tag{background:linear-gradient(135deg,#ff6b3533,#ff6b351a);border:1px solid rgba(255,107,53,.4);color:#ff9b7a;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tech-tag:hover{background:linear-gradient(135deg,#ff6b354d,#ff6b3533);border-color:#ff6b3599;transform:translateY(-2px);box-shadow:0 5px 15px #ff6b354d}.testimonial-section{padding:2rem;background:linear-gradient(135deg,#ffd7000d,#ffd70005);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.testimonial-content{position:relative;padding:1.5rem;background:#ffffff08;border:1px solid rgba(255,215,0,.2);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.quote-icon{font-size:2rem;color:gold;margin-bottom:1rem;animation:quoteFloat 3s ease-in-out infinite;text-shadow:0 0 15px rgba(255,215,0,.6)}.testimonial-text{color:#ffffffe6;font-size:1rem;line-height:1.6;font-style:italic;margin-bottom:1.5rem;text-align:center}.testimonial-author{text-align:center}.author-name{color:gold;font-weight:600;display:block;margin-bottom:.25rem}.author-position{color:#ffffffb3;font-size:.9rem}.card-footer{padding:1.5rem 2rem 2rem;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.08)}.project-duration{display:flex;align-items:center;gap:.5rem;color:#fffc;font-weight:500}.duration-icon{font-size:1.2rem;animation:tickFloat 2s ease-in-out infinite}.category-tag{background:linear-gradient(135deg,#00a6ff33,#00a6ff1a);border:1px solid rgba(0,166,255,.4);color:#7db8ff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.project-links{padding:0 2rem 2rem;display:flex;gap:1rem;justify-content:center}.project-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:12px;text-decoration:none;font-weight:600;font-size:.9rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.demo-link{background:linear-gradient(135deg,#0f83,#00ff881a);color:#0f8;border-color:#0f86}.demo-link:hover{background:linear-gradient(135deg,#00ff884d,#0f83);border-color:#0f89;box-shadow:0 5px 20px #00ff884d;transform:translateY(-2px)}.github-link{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);color:#fff;border-color:#ffffff4d}.github-link:hover{background:linear-gradient(135deg,#fff3,#ffffff1a);border-color:#ffffff80;box-shadow:0 5px 20px #fff3;transform:translateY(-2px)}.card-glow{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:26px;opacity:0;transition:opacity .6s ease;z-index:-1;filter:blur(20px)}.reference-card:hover .card-glow{opacity:.6;animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}@keyframes quoteFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes tickFloat{0%,to{transform:rotate(0)}50%{transform:rotate(20deg)}}.cta-title{font-size:3.2rem;background:linear-gradient(135deg,#00a6ff,#7b2d8e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem;animation:titleFloat 4s ease-in-out infinite}.cta-description{font-size:1.3rem;color:#fffc;margin-bottom:3rem;line-height:1.6;max-width:800px;margin-left:auto;margin-right:auto}.cta-icon{font-size:1.8rem;animation:ctaIconFloat 3s ease-in-out infinite}@keyframes ctaIconFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(10deg)}}.cta-text{color:#ffffffd9;font-weight:600;font-size:1.1rem}.cta-btn{background:linear-gradient(135deg,#00a6ff,#7b2d8e);border:none;border-radius:50px;padding:1.8rem 3.5rem;color:#fff;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:1rem;transition:all .4s ease;font-size:1.3rem;position:relative;overflow:hidden}.cta-btn:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 25px 50px #00a6ff66}.cta-btn-icon{font-size:1.5rem;transition:transform .3s ease}.cta-btn:hover .cta-btn-icon{transform:translate(10px) rotate(20deg)}@media (max-width: 1200px){.references-grid{grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:2.5rem}.hero-stats{gap:3rem}.cta-features{gap:2rem}}@media (max-width: 768px){.references-container{padding-top:100px}.background-text{font-size:5rem;letter-spacing:2rem}.references-title{font-size:4rem}.hero-subtitle p{font-size:1.4rem}.hero-stats{flex-direction:column;gap:2rem}.stat-number{font-size:2.8rem}.section-title{font-size:3rem}.references-grid{grid-template-columns:1fr;gap:2rem}.card-header{flex-direction:column;gap:1.5rem}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.cta-features{flex-direction:column;gap:1.5rem}.cta-card{padding:3rem}.cta-title{font-size:2.5rem}.category-filters{gap:.8rem}.filter-btn{padding:.8rem 1.5rem;font-size:.9rem}}@media (max-width: 480px){.references-hero{padding:3rem 1rem}.references-title{font-size:3rem}.hero-subtitle p{font-size:1.2rem}.background-text{font-size:3rem;letter-spacing:1rem}.reference-card{padding:2rem}.image-placeholder{width:100px;height:75px;font-size:2.5rem}.project-title{font-size:1.5rem}.client-name{font-size:1.2rem}.cta-card{padding:2.5rem}.cta-title{font-size:2.2rem}.cta-description{font-size:1.1rem}.cta-btn{padding:1.5rem 2.5rem;font-size:1.1rem}.category-filters{justify-content:center}.filter-btn{padding:.7rem 1.2rem;font-size:.85rem}}.slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:0 1rem}.slider-controls{display:flex;gap:.5rem;align-items:center}.slider-control-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:1.2rem}.slider-control-btn:hover{background:#fff3;transform:scale(1.1);box-shadow:0 5px 15px #0000004d}.references-slider{position:relative;overflow:hidden;border-radius:20px;margin-bottom:2rem}.slider-track{display:flex;width:100%;transition:transform .5s ease-in-out}.slider-item{min-width:100%;flex-shrink:0;padding:0 1rem;box-sizing:border-box}.slider-item.active{transform:scale(1.02)}.slider-indicators{display:flex;justify-content:center;gap:.5rem;margin:2rem 0}.indicator{width:12px;height:12px;border-radius:50%;border:none;background:#ffffff4d;cursor:pointer;transition:all .3s ease}.indicator.active{background:linear-gradient(135deg,#667eea,#764ba2);transform:scale(1.2);box-shadow:0 0 10px #667eea80}.indicator:hover{background:#ffffff80;transform:scale(1.1)}.slider-info{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#ffffff0d;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.slide-counter{font-size:.9rem;color:#ffffffb3;font-weight:500}.slide-title{font-size:1.1rem;color:#fff;font-weight:600;text-align:right;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.slider-header{flex-direction:column;gap:1rem;text-align:center}.slider-control-btn{width:40px;height:40px;font-size:1rem}.slider-info{flex-direction:column;gap:.5rem;text-align:center}.slide-title{max-width:100%;text-align:center}.slider-item{padding:0 .5rem}}@keyframes slideIn{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.slider-item.active .reference-card{animation:slideIn .5s ease-out}.slider-item .reference-card{margin:0 auto;max-width:100%;transition:all .3s ease}.slider-item.active .reference-card{box-shadow:0 20px 40px #0000004d}.slider-control-btn[title*=durdur]{background:#ffc10733;border-color:#ffc1074d}.slider-control-btn[title*=başlat]{background:#28a74533;border-color:#28a7454d}.project-links{display:flex;gap:1rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.project-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:25px;color:#fff;text-decoration:none;font-size:.9rem;font-weight:500;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex:1;justify-content:center}.project-link:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d;background:#fff3}.demo-link:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea80;box-shadow:0 8px 25px #667eea66}.github-link:hover{background:linear-gradient(135deg,#24292e,#586069);border-color:#24292e80;box-shadow:0 8px 25px #24292e66}.link-icon{font-size:1.1rem}@media (max-width: 768px){.project-links{flex-direction:column;gap:.75rem}.project-link{padding:.6rem 1rem;font-size:.85rem}}.contact-container{position:relative;min-height:100vh;background:linear-gradient(135deg,#0a0a1a,#1a0f2e,#2a1a3e,#1a0f2e,#0a0a1a);color:#fff;overflow-x:hidden;padding-top:120px}.background-animation{position:fixed;top:120px;left:0;width:100%;height:calc(100vh - 120px);pointer-events:none;z-index:0}.floating-shapes{position:absolute;width:100%;height:100%}.shape{position:absolute;background:linear-gradient(45deg,#00a6ff1f,#7b2d8e14);border-radius:50%;animation:float 30s infinite ease-in-out}.shape-1{width:130px;height:130px;top:8%;left:7%;animation-delay:0s}.shape-2{width:170px;height:170px;top:65%;right:10%;animation-delay:-10s}.shape-3{width:100px;height:100px;top:85%;left:25%;animation-delay:-20s}.shape-4{width:140px;height:140px;top:25%;right:35%;animation-delay:-5s}.shape-5{width:110px;height:110px;top:55%;left:65%;animation-delay:-15s}.shape-6{width:160px;height:160px;top:35%;left:85%;animation-delay:-25s}.shape-7{width:120px;height:120px;top:75%;right:60%;animation-delay:-8s}@keyframes float{0%,to{transform:translateY(0) rotate(0) scale(1);opacity:.4}25%{transform:translateY(-50px) rotate(90deg) scale(1.1);opacity:.8}50%{transform:translateY(-100px) rotate(180deg) scale(.9);opacity:.3}75%{transform:translateY(-50px) rotate(270deg) scale(1.2);opacity:.7}}.background-text{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-around;align-items:center;font-size:9rem;font-weight:900;color:#ffffff03;text-transform:uppercase;letter-spacing:2.8rem;z-index:-1;-webkit-user-select:none;user-select:none}.background-text span{animation:backgroundMove 35s infinite linear;transform:rotate(-18deg)}.background-text span:nth-child(2n){animation-direction:reverse;transform:rotate(18deg)}@keyframes backgroundMove{0%{transform:translate(-110%) rotate(-18deg)}to{transform:translate(110%) rotate(-18deg)}}.contact-hero{position:relative;z-index:10;text-align:center;padding:4.5rem 2rem;margin-bottom:4rem}.contact-title{font-size:3.5rem;font-weight:700;text-align:center;margin-bottom:3rem;background:linear-gradient(135deg,gold,#ff9800,#ff6b35,#e91e63,#9c27b0,#2196f3);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:300% 300%;animation:gradientShift 4s ease-in-out infinite;text-shadow:0 0 40px rgba(255,215,0,.4)}.gradient-text{background:linear-gradient(135deg,#00a6ff,#fff,#7b2d8e,#00a6ff);background-size:350% 350%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 6s ease-in-out infinite;text-shadow:0 0 80px rgba(0,166,255,.6)}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-subtitle{animation:slideInUp 1s ease-out .6s both}.hero-subtitle p{font-size:1.6rem;color:#ffffffd9;margin-bottom:3rem}.hero-features{display:flex;justify-content:center;gap:3rem;margin-top:2rem}.feature-item{display:flex;align-items:center;gap:1rem;animation:slideInUp 1s ease-out both}.feature-item:nth-child(1){animation-delay:.8s}.feature-item:nth-child(2){animation-delay:1s}.feature-item:nth-child(3){animation-delay:1.2s}.feature-icon{font-size:1.5rem;animation:featureFloat 3s ease-in-out infinite}@keyframes featureFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(10deg)}}.feature-text{font-size:1rem;color:#fffc;font-weight:500}@keyframes slideInDown{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.contact-main-content{position:relative;z-index:10;max-width:1400px;margin:0 auto;padding:0 2rem}.section-title{font-size:3.8rem;text-align:center;margin-bottom:4.5rem;background:linear-gradient(135deg,#00a6ff,#fff,#7b2d8e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;animation:titleFloat 4.5s ease-in-out infinite}.section-title:after{content:"";position:absolute;bottom:-25px;left:50%;transform:translate(-50%);width:140px;height:6px;background:linear-gradient(90deg,transparent,#00a6ff,#7b2d8e,transparent);border-radius:3px;animation:lineGlow 3.5s ease-in-out infinite}@keyframes titleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes lineGlow{0%,to{box-shadow:0 0 15px #00a6ff99}50%{box-shadow:0 0 30px #7b2d8ecc}}.contact-info-section{margin-bottom:6rem}.contact-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2.5rem}.contact-info-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,215,0,.1);border-radius:20px;padding:2rem;display:flex;align-items:center;gap:2rem;text-decoration:none;color:inherit;box-shadow:inset 8px 8px 25px #0000001a,inset -8px -8px 25px #ffffff05,0 15px 50px #00000040;transition:all .3s ease;position:relative;overflow:hidden;animation:slideInUp .8s ease-out both}.contact-info-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);transition:left .7s ease}.contact-info-card:hover:before{left:100%}.contact-info-card:hover{transform:translateY(-15px) scale(1.02);box-shadow:inset 8px 8px 25px #00000026,inset -8px -8px 25px #ffffff0d,0 25px 70px #00a6ff33;border-color:#00a6ff4d}.contact-icon{width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;flex-shrink:0;animation:iconFloat 3.5s ease-in-out infinite;box-shadow:0 10px 30px #0003}@keyframes iconFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(8deg)}}.contact-details{flex:1}.contact-label{font-size:1.3rem;color:gold;margin:0 0 .5rem;font-weight:600}.contact-value{font-size:1.1rem;color:#ffffffd9;margin:0;line-height:1.5;word-break:break-all;overflow-wrap:break-word}.card-glow{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:27px;opacity:0;z-index:-1;filter:blur(15px);transition:opacity .4s ease}.contact-info-card:hover .card-glow{opacity:.3}.contact-form-section{margin-bottom:6rem}.form-container{max-width:800px;margin:0 auto}.contact-form{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,215,0,.1);border-radius:20px;padding:2rem;margin-bottom:2rem;transition:all .3s ease}.contact-form:hover{border-color:#ffd7004d;box-shadow:0 20px 40px #ffd7001a}.form-group label{color:gold;font-weight:600;margin-bottom:.5rem;display:block;text-shadow:0 0 10px rgba(255,215,0,.3)}.form-group input,.form-group textarea{width:100%;padding:1rem;border:1px solid rgba(255,215,0,.2);border-radius:10px;background:#ffffff0d;color:#fff;font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#ffd70080;box-shadow:0 0 20px #ffd70033;background:#ffffff14}.form-input::placeholder,.form-textarea::placeholder{color:#ffffff80}.form-input.error,.form-textarea.error{border-color:#ef4444;background:#ef44441a}.error-message{color:#ef4444;font-size:.9rem;margin-top:.5rem;display:block;animation:errorShake .4s ease-out}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.form-textarea{resize:vertical;min-height:150px}.submit-btn{width:100%;padding:1rem 2rem;border:none;border-radius:25px;background:linear-gradient(135deg,gold,#ff6b35,#e91e63);color:#fff;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .3s ease;margin-top:1rem}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 15px 30px #ffd70066}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.submit-btn.submitting{animation:submitPulse 1.5s ease-in-out infinite}@keyframes submitPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.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}.btn-icon{font-size:1.3rem;transition:transform .3s ease}.submit-btn:hover .btn-icon{transform:translate(8px)}.social-media-section{margin-bottom:6rem}.social-links{display:flex;justify-content:center;gap:2rem;margin-top:2rem;flex-wrap:wrap}.social-link{display:flex;align-items:center;gap:1rem;padding:1rem 2rem;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.2);border-radius:50px;color:#fff;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:140px;justify-content:center}.social-link:hover{transform:translateY(-5px) scale(1.05);border-color:#fff6;box-shadow:0 15px 35px #0000004d}.social-name{font-weight:600;font-size:1.1rem;color:#fff}.social-glow{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:22px;opacity:0;z-index:-1;filter:blur(10px);transition:opacity .3s ease}.social-link:hover .social-glow{opacity:.4}.cta-section{margin-bottom:4rem}.cta-card{background:linear-gradient(135deg,#00a6ff1a,#7b2d8e14);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(0,166,255,.2);border-radius:30px;padding:4rem;text-align:center;box-shadow:inset 10px 10px 30px #0000001a,inset -10px -10px 30px #ffffff05,0 25px 70px #00a6ff26;animation:slideInUp .8s ease-out .4s both}.cta-title{font-size:3rem;background:linear-gradient(135deg,#00a6ff,#7b2d8e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem;animation:titleFloat 4s ease-in-out infinite}.cta-description{font-size:1.3rem;color:#fffc;margin-bottom:3rem;line-height:1.6}.cta-features{display:flex;justify-content:center;gap:3rem;margin-bottom:3rem}.cta-feature{display:flex;align-items:center;gap:1rem;animation:slideInUp 1s ease-out both}.cta-feature:nth-child(1){animation-delay:.6s}.cta-feature:nth-child(2){animation-delay:.8s}.cta-feature:nth-child(3){animation-delay:1s}.cta-icon{font-size:1.5rem;animation:ctaIconFloat 3s ease-in-out infinite}@keyframes ctaIconFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(8deg)}}.cta-text{color:#ffffffd9;font-weight:500}.cta-btn{background:linear-gradient(135deg,#00a6ff,#7b2d8e);border:none;border-radius:50px;padding:1.5rem 3rem;color:#fff;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:1rem;transition:all .4s ease;font-size:1.2rem;position:relative;overflow:hidden}.cta-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.cta-btn:hover:before{left:100%}.cta-btn:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 20px 40px #00a6ff66}.cta-btn-icon{font-size:1.4rem;transition:transform .3s ease}.cta-btn:hover .cta-btn-icon{transform:translate(8px)}@media (max-width: 1024px){.contact-info-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.hero-features,.cta-features{gap:2rem}}@media (max-width: 768px){.contact-container{padding-top:100px}.background-text{font-size:6rem;letter-spacing:2rem}.contact-title{font-size:4rem}.hero-subtitle p{font-size:1.4rem}.hero-features{flex-direction:column;gap:1.5rem}.section-title{font-size:3rem}.contact-info-grid{grid-template-columns:1fr}.contact-info-card{flex-direction:column;text-align:center;gap:1.5rem}.contact-form{padding:2.5rem}.form-row{grid-template-columns:1fr;gap:1.5rem}.social-links{gap:1.5rem}.cta-features{flex-direction:column;gap:1.5rem}.cta-card{padding:3rem}.cta-title{font-size:2.5rem}}@media (max-width: 480px){.contact-hero{padding:3rem 1rem}.contact-title{font-size:3rem}.hero-subtitle p{font-size:1.2rem}.background-text{font-size:4rem;letter-spacing:1rem}.contact-form,.contact-info-card{padding:2rem}.social-link{padding:1.2rem 1.5rem}.cta-card{padding:2.5rem}.cta-title{font-size:2.2rem}.cta-description{font-size:1.1rem}}.social-icon{font-size:1.5rem;margin-right:.75rem;transition:transform .3s ease;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.social-icon svg{width:20px;height:20px;transition:transform .3s ease}:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--success-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--danger-gradient: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--warning-gradient: linear-gradient(135deg, #ffeaa7 0%, #fab1a0 100%);--info-gradient: linear-gradient(135deg, #74b9ff 0%, #0984e3 100%);--bg-primary: #0a0a1a;--bg-secondary: #1a1a2e;--bg-tertiary: #16213e;--bg-glass: rgba(255, 255, 255, .08);--bg-glass-hover: rgba(255, 255, 255, .12);--bg-card: rgba(255, 255, 255, .05);--text-primary: #ffffff;--text-secondary: #b8c5d1;--text-muted: #64748b;--text-accent: #667eea;--border-primary: rgba(255, 255, 255, .15);--border-secondary: rgba(255, 255, 255, .08);--border-accent: rgba(102, 126, 234, .3);--shadow-primary: 0 10px 40px rgba(0, 0, 0, .4);--shadow-secondary: 0 6px 20px rgba(0, 0, 0, .25);--shadow-hover: 0 15px 50px rgba(102, 126, 234, .35);--shadow-glow: 0 0 30px rgba(102, 126, 234, .2);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px}*{box-sizing:border-box}.admin-login:before,.admin-panel:before{background:radial-gradient(circle at 25% 25%,rgba(102,126,234,.15) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(244,114,182,.12) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(79,172,254,.08) 0%,transparent 70%);animation:backgroundShift 25s ease-in-out infinite}@keyframes backgroundShift{0%,to{opacity:1;transform:scale(1)}33%{opacity:.8;transform:scale(1.05)}66%{opacity:.9;transform:scale(.95)}}.admin-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);position:relative;overflow:hidden}.login-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);padding:var(--spacing-2xl);text-align:center;box-shadow:var(--shadow-primary);position:relative;z-index:10;max-width:450px;width:100%;margin:var(--spacing-lg);transition:all .4s ease}.login-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--primary-gradient);border-radius:var(--radius-2xl);opacity:.08;z-index:-1}.login-card h2{color:var(--text-primary);margin-bottom:var(--spacing-xl);font-size:2.5rem;font-weight:700;background:var(--primary-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative}.login-card h2:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:3px;background:var(--primary-gradient);border-radius:2px}.login-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.login-form input{padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--border-primary);background:var(--bg-glass);color:var(--text-primary);font-size:1.1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;position:relative}.login-form input::placeholder{color:var(--text-muted)}.login-form input:focus{outline:none;border-color:var(--border-accent);box-shadow:0 0 0 4px #667eea26,var(--shadow-glow);background:var(--bg-glass-hover);transform:translateY(-2px)}.login-form button{padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--radius-lg);border:none;background:var(--primary-gradient);color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-secondary);position:relative;overflow:hidden}.login-form button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.login-form button:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.login-form button:hover:before{left:100%}.admin-loading,.admin-error{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);position:relative}.loading-card,.error-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);padding:var(--spacing-2xl);text-align:center;box-shadow:var(--shadow-primary);max-width:420px;width:100%;margin:var(--spacing-lg)}.loading-card h2,.error-card h2{color:var(--text-primary);margin-bottom:var(--spacing-lg);font-size:1.9rem;font-weight:600}.loading-spinner{width:70px;height:70px;border:5px solid var(--border-secondary);border-top:5px solid var(--text-accent);border-radius:50%;animation:spin 1s linear infinite;margin:var(--spacing-lg) auto;box-shadow:var(--shadow-glow)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-card button{padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-md);background:var(--danger-gradient);color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-secondary)}.error-card button:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.admin-panel{min-height:100vh;background:var(--bg-primary);position:relative;overflow-x:hidden}.admin-panel:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1}.admin-header{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-primary);padding:var(--spacing-lg) var(--spacing-xl);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-secondary)}.admin-header h1{color:var(--text-primary);font-size:1.8rem;font-weight:700;margin:0;background:var(--primary-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.admin-actions{display:flex;gap:var(--spacing-md);align-items:center}.save-btn{padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-lg);background:var(--success-gradient);color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-secondary);position:relative;overflow:hidden;min-width:120px;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.save-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.save-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.save-btn:hover:before{left:100%}.save-btn.idle{background:var(--success-gradient)}.save-btn.saving{background:var(--info-gradient);animation:pulse 1.5s ease-in-out infinite}.save-btn.saved{background:var(--success-gradient);animation:none}.save-btn.error{background:var(--danger-gradient);animation:shake .5s ease-in-out}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.logout-btn{padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-glass);color:var(--text-primary);font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logout-btn:hover{border-color:var(--border-accent);background:var(--bg-glass-hover);transform:translateY(-2px);box-shadow:var(--shadow-secondary)}.admin-tabs{background:linear-gradient(135deg,var(--bg-glass) 0%,rgba(255,255,255,.12) 100%);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-bottom:1px solid var(--border-primary);padding:var(--spacing-sm) var(--spacing-md);overflow-x:auto;display:flex;gap:var(--spacing-xs);scrollbar-width:thin;scrollbar-color:var(--border-accent) transparent;position:relative;box-shadow:0 4px 20px #0000001a;flex-wrap:wrap;justify-content:center}.admin-tabs:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--primary-gradient);opacity:.6}.admin-tabs:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border-accent),transparent)}.admin-tabs::-webkit-scrollbar{height:6px}.admin-tabs::-webkit-scrollbar-track{background:var(--bg-glass);border-radius:3px}.admin-tabs::-webkit-scrollbar-thumb{background:var(--primary-gradient);border-radius:3px;box-shadow:0 2px 4px #0003}.admin-tabs::-webkit-scrollbar-thumb:hover{background:var(--secondary-gradient)}.tab-btn{padding:var(--spacing-sm) var(--spacing-md);border:1px solid transparent;background:var(--bg-glass);color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:var(--radius-lg);position:relative;display:flex;align-items:center;gap:var(--spacing-xs);white-space:nowrap;min-width:fit-content;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;box-shadow:0 2px 8px #0000001a;transform:translateY(0);flex:0 0 auto}.tab-btn: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;z-index:1}.tab-btn:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%) scaleX(0);width:80%;height:3px;background:var(--primary-gradient);border-radius:2px;transition:transform .4s cubic-bezier(.4,0,.2,1);z-index:2}.tab-btn:hover{color:var(--text-primary);background:linear-gradient(135deg,var(--bg-glass-hover) 0%,rgba(255,255,255,.15) 100%);border-color:var(--border-accent);transform:translateY(-2px);box-shadow:0 6px 20px #667eea40}.tab-btn:hover:before{left:100%}.tab-btn:hover:after{transform:translate(-50%) scaleX(.7)}.tab-btn.active{color:var(--text-primary);background:linear-gradient(135deg,var(--primary-gradient) 0%,rgba(102,126,234,.8) 100%);border-color:var(--border-accent);font-weight:600;transform:translateY(-3px);box-shadow:0 8px 25px #667eea66;position:relative;z-index:10}.tab-btn.active:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);left:0;animation:shimmer 2s ease-in-out infinite}.tab-btn.active:after{transform:translate(-50%) scaleX(1);background:linear-gradient(90deg,#fff,#f0f9ff,#fff);height:4px;bottom:-3px;box-shadow:0 0 8px #ffffff80}.tab-icon{font-size:1.1rem;transition:all .3s ease;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.tab-btn:hover .tab-icon{transform:scale(1.1);filter:drop-shadow(0 2px 4px rgba(102,126,234,.3))}.tab-btn.active .tab-icon{transform:scale(1.15);filter:drop-shadow(0 2px 6px rgba(255,255,255,.4))}.tab-label{font-size:.85rem;letter-spacing:.3px;transition:all .3s ease}.tab-btn.active .tab-label{text-shadow:0 1px 3px rgba(0,0,0,.2);font-weight:700}@media (max-width: 1200px){.admin-tabs{padding:var(--spacing-xs) var(--spacing-sm);gap:2px}.tab-btn{padding:var(--spacing-xs) var(--spacing-sm);gap:4px}.tab-icon{font-size:1rem}.tab-label{font-size:.8rem}}@media (max-width: 768px){.admin-tabs{flex-wrap:wrap;justify-content:flex-start;padding:var(--spacing-xs)}.tab-btn{flex:1 1 calc(33.333% - 4px);min-width:100px;justify-content:center;padding:var(--spacing-xs)}.tab-label{display:none}.tab-icon{font-size:1.2rem}}.tab-badge{background:var(--danger-gradient);color:#fff;font-size:.7rem;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003;animation:pulse 2s ease-in-out infinite}.admin-content{padding:var(--spacing-xl);flex:1;animation:fadeIn .5s ease;background:var(--bg-glass);border-radius:var(--radius-lg);margin:var(--spacing-lg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--border-primary);box-shadow:var(--shadow-primary)}@keyframes shimmer{0%{left:-100%}50%{left:100%}to{left:100%}}.admin-tabs{--tab-indicator-width: 0px;--tab-indicator-left: 0px}.admin-tabs:after{content:"";position:absolute;bottom:0;left:var(--tab-indicator-left);width:var(--tab-indicator-width);height:3px;background:var(--primary-gradient);transition:all .4s cubic-bezier(.4,0,.2,1);z-index:20;border-radius:2px 2px 0 0;box-shadow:0 -2px 8px #667eea4d}.tab-btn:not(.active):hover{background:linear-gradient(135deg,#667eea1a,#f472b60d,#4facfe1a)}.tab-btn .tab-badge{position:absolute;top:-2px;right:-2px;background:var(--danger-gradient);color:#fff;font-size:.7rem;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center;box-shadow:0 2px 4px #0003;animation:pulse 2s ease-in-out infinite}.tab-btn.loading{opacity:.7;cursor:wait}.tab-btn.loading .tab-icon{animation:spin 1s linear infinite}.tab-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-glass);color:var(--text-muted)}.tab-btn:disabled:hover{transform:none;background:var(--bg-glass);box-shadow:0 2px 8px #0000001a}.admin-content{padding:var(--spacing-xl);max-width:1400px;margin:0 auto}.admin-section{background:var(--bg-card);border:1px solid var(--border-secondary);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:var(--shadow-secondary);position:relative;transition:all .3s ease}.admin-section:hover{box-shadow:var(--shadow-primary);transform:translateY(-2px)}.admin-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--primary-gradient);border-radius:var(--radius-xl) var(--radius-xl) 0 0;opacity:.3}.admin-section h2{color:var(--text-primary);font-size:1.6rem;font-weight:600;margin-bottom:var(--spacing-xl);display:flex;align-items:center;gap:var(--spacing-md);position:relative}.admin-section h2:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--border-primary),transparent);border-radius:1px}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;color:var(--text-secondary);font-weight:500;margin-bottom:var(--spacing-sm);font-size:.95rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);background:var(--bg-glass);color:var(--text-primary);font-size:1rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--border-accent);box-shadow:0 0 0 3px #667eea1a,var(--shadow-glow);background:var(--bg-glass-hover);transform:translateY(-1px)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.values-section,.service-section{background:var(--bg-glass);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);transition:all .3s ease}.values-section:hover,.service-section:hover{background:var(--bg-glass-hover);border-color:var(--border-primary);box-shadow:var(--shadow-secondary)}.values-section:before,.service-section:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:var(--primary-gradient);border-radius:var(--radius-lg);opacity:0;transition:opacity .3s ease;z-index:-1}.values-section h3,.service-section h3{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.value-item,.service-item{background:var(--bg-glass);border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);transition:all .3s ease;position:relative;overflow:hidden}.value-item:hover,.service-item:hover{background:var(--bg-glass-hover);border-color:var(--border-accent);transform:translateY(-2px);box-shadow:var(--shadow-secondary)}.service-header,.value-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.service-header h3,.value-header h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0;flex:1}.add-btn{padding:var(--spacing-md) var(--spacing-lg);border:1px dashed var(--border-primary);border-radius:var(--radius-lg);background:transparent;color:var(--text-accent);font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);position:relative;overflow:hidden}.add-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--primary-gradient);opacity:.1;transition:left .4s ease}.add-btn:hover{border-color:var(--border-accent);background:var(--bg-glass);color:var(--text-primary);transform:translateY(-2px);box-shadow:var(--shadow-secondary)}.add-btn:hover:before{left:100%}.remove-btn{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-secondary);border-radius:var(--radius-md);background:var(--bg-glass);color:var(--text-muted);font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.remove-btn:hover{border-color:#fa709a80;background:var(--danger-gradient);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-secondary)}.block-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.block-title{margin:0}.sub-title{color:var(--text-secondary);font-size:1.1rem;font-weight:500;margin:var(--spacing-lg) 0 var(--spacing-md) 0;padding-left:var(--spacing-sm);border-left:2px solid var(--primary-color)}.custom-field-row{background:#ffffff05;border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);position:relative}.custom-field-row .form-row{align-items:end;gap:var(--spacing-md)}.delete-btn{padding:var(--spacing-sm);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);background:#ef44441a;color:#ef4444;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;margin-top:var(--spacing-lg)}.delete-btn:hover{background:#ef444433;border-color:#ef444480;transform:scale(1.1)}.admin-footer{background:var(--bg-glass);border-top:1px solid var(--border-secondary);padding:var(--spacing-lg);text-align:center;color:var(--text-muted);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.floating-save{position:fixed;bottom:var(--spacing-xl);right:var(--spacing-xl);padding:var(--spacing-lg);border:none;border-radius:50%;background:var(--primary-gradient);color:#fff;font-size:1.5rem;cursor:pointer;box-shadow:var(--shadow-primary);transition:all .3s ease;z-index:1000;width:60px;height:60px;display:flex;align-items:center;justify-content:center}.floating-save:hover{transform:translateY(-3px) scale(1.1);box-shadow:var(--shadow-hover)}.floating-save:disabled{opacity:.6;cursor:not-allowed;transform:none}.section-block{background:var(--bg-glass);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);transition:all .3s ease;position:relative}.section-block:hover{background:var(--bg-glass-hover);border-color:var(--border-primary)}.section-block:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--primary-gradient);border-radius:2px 0 0 2px;opacity:.6}.section-block h3{color:var(--text-primary);font-size:1.3rem;font-weight:600;margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm);position:relative}.section-block h4{color:var(--text-secondary);font-size:1.1rem;font-weight:500;margin-bottom:var(--spacing-md)}.messages-list{display:flex;flex-direction:column;gap:var(--spacing-lg);max-height:600px;overflow-y:auto;padding:var(--spacing-sm);scrollbar-width:thin;scrollbar-color:var(--border-primary) transparent}.message-item{background:var(--bg-glass);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all .3s ease;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:relative;overflow:hidden}.message-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;transition:all .3s ease}.message-item:hover{background:var(--bg-glass-hover);box-shadow:var(--shadow-secondary);transform:translateY(-2px)}.message-item.new:before{background:var(--success-gradient)}.message-item.read:before{background:var(--info-gradient)}.message-item.replied:before{background:var(--primary-gradient)}.message-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);gap:var(--spacing-lg)}.message-info h4{color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;font-size:1.1rem;font-weight:600}.message-email{color:var(--text-accent);font-size:.9rem;display:block;margin-bottom:var(--spacing-xs);font-weight:500}.message-date{color:var(--text-muted);font-size:.85rem}.message-actions{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.message-actions select{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-secondary);background:var(--bg-glass);color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:all .3s ease}.message-actions select:focus{outline:none;border-color:var(--border-accent);box-shadow:0 0 0 2px #667eea1a}.message-content{background:var(--bg-glass);border-radius:var(--radius-md);padding:var(--spacing-lg);border:1px solid var(--border-secondary);transition:all .3s ease}.message-content:hover{background:var(--bg-glass-hover)}.message-content h5{color:var(--text-primary);margin:0 0 var(--spacing-md) 0;font-size:1rem;font-weight:500}.message-content p{color:var(--text-secondary);margin:0;line-height:1.6;font-size:.95rem}.array-item{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-glass);border:1px solid var(--border-secondary);border-radius:var(--radius-md);transition:all .3s ease}.array-item:hover{background:var(--bg-glass-hover);border-color:var(--border-primary)}.array-item input{flex:1;margin:0}.array-item .remove-btn{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}@media (max-width: 1024px){.admin-content,.admin-section{padding:var(--spacing-lg)}}@media (max-width: 768px){.admin-header{flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg)}.admin-header h1{font-size:1.5rem}.admin-tabs{padding:var(--spacing-sm) var(--spacing-lg);gap:var(--spacing-xs)}.tab-btn{padding:var(--spacing-sm) var(--spacing-md);font-size:.9rem;gap:var(--spacing-xs)}.tab-icon{font-size:1.1rem}.tab-label{font-size:.85rem}.admin-content{padding:var(--spacing-md)}.admin-section{padding:var(--spacing-lg)}.form-row,.stats-grid{grid-template-columns:1fr}.floating-save{bottom:var(--spacing-lg);right:var(--spacing-lg);width:50px;height:50px;font-size:1.2rem}.tab-btn{padding:var(--spacing-sm) var(--spacing-md);font-size:.85rem;min-width:auto;flex-direction:column;gap:var(--spacing-xs);text-align:center}.tab-icon{font-size:1.3rem}.tab-label{font-size:.75rem;line-height:1.2}.message-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.message-actions{align-self:stretch;justify-content:space-between}.messages-list{max-height:400px}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.tab-label{display:none}.tab-btn{padding:var(--spacing-md);justify-content:center}.login-card{padding:var(--spacing-xl);margin:var(--spacing-md)}.admin-header h1{font-size:1.3rem}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:var(--border-accent)}::selection{background:#667eea4d;color:var(--text-primary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.admin-section{animation:fadeInUp .6s ease-out}.section-block{animation:fadeInUp .5s ease-out}.message-item{animation:fadeInUp .4s ease-out}*:focus-visible{outline:2px solid var(--border-accent);outline-offset:2px;border-radius:var(--radius-sm)}.admin-section:hover:before{opacity:.6}.loading-skeleton{background:linear-gradient(90deg,var(--bg-glass) 25%,var(--bg-glass-hover) 50%,var(--bg-glass) 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.icon-selector{position:relative;width:100%}.icon-selector-current{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border:1px solid #ddd;border-radius:5px;background:#fff;cursor:pointer;transition:all .3s ease}.icon-selector-current:hover{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.icon-preview{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:5px;color:#fff;font-size:18px}.icon-preview svg{width:20px;height:20px}.icon-selector-arrow{color:#666;font-size:12px}.icon-selector-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 4px 6px #0000001a;z-index:1000;max-height:300px;overflow-y:auto}.icon-type-tabs{display:flex;border-bottom:1px solid #eee}.icon-type-tab{flex:1;padding:10px;border:none;background:#f8f9fa;color:#666;cursor:pointer;transition:all .3s ease}.icon-type-tab:first-child{border-top-left-radius:5px}.icon-type-tab:last-child{border-top-right-radius:5px}.icon-type-tab.active{background:#fff;color:#007bff;border-bottom:2px solid #007bff}.icon-type-tab:hover:not(.active){background:#e9ecef}.icon-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:16px}.icon-option{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:2px solid transparent;border-radius:5px;cursor:pointer;transition:all .3s ease;background:#f8f9fa;font-size:18px}.icon-option:hover{background:#e9ecef;border-color:#007bff}.icon-option.selected{background:#007bff;color:#fff;border-color:#0056b3}.icon-option svg{width:20px;height:20px}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.analytics-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease;position:relative;overflow:hidden}.analytics-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));opacity:0;transition:opacity .3s ease}.analytics-card:hover{transform:translateY(-5px);border-color:var(--border-accent);box-shadow:0 10px 30px #0003}.analytics-card:hover:before{opacity:1}.card-icon{font-size:2.5rem;min-width:60px;text-align:center}.card-content h3{font-size:.9rem;color:var(--text-secondary);margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.5px}.card-value{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.card-change{font-size:.8rem;font-weight:500}.card-change.positive{color:#10b981}.card-change.negative{color:#ef4444}.card-change.neutral{color:var(--text-secondary)}.device-stats{display:flex;flex-direction:column;gap:1rem}.device-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-glass);border:1px solid var(--border-primary);border-radius:var(--radius-md);transition:all .3s ease}.device-item:hover{border-color:var(--border-accent);transform:translate(5px)}.device-icon{font-size:1.5rem;min-width:40px;text-align:center}.device-info{display:flex;justify-content:space-between;align-items:center;min-width:120px}.device-name{font-weight:500;color:var(--text-primary)}.device-percentage{font-weight:700;color:var(--accent-primary)}.device-bar{flex:1;height:8px;background:var(--bg-card);border-radius:4px;overflow:hidden;position:relative}.device-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:4px;transition:width .8s ease;position:relative}.device-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.analytics-setup{display:flex;flex-direction:column;gap:1.5rem}.setup-step{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:var(--bg-glass);border:1px solid var(--border-primary);border-radius:var(--radius-md);transition:all .3s ease}.setup-step:hover{border-color:var(--border-accent);transform:translateY(-2px)}.step-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border-radius:50%;font-weight:700;font-size:.9rem;min-width:32px}.step-content h4{margin:0 0 .5rem;color:var(--text-primary);font-size:1.1rem}.step-content p{margin:0;color:var(--text-secondary);line-height:1.5}.btn-update-analytics{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem;position:relative;overflow:hidden}.btn-update-analytics:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-update-analytics:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.btn-update-analytics:hover:before{left:100%}.info-box{background:var(--bg-glass);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:1.5rem}.info-box p{margin:0 0 .75rem;color:var(--text-secondary);line-height:1.6}.info-box p:last-child{margin-bottom:0}@media (max-width: 768px){.analytics-grid{grid-template-columns:1fr;gap:1rem}.analytics-card{padding:1rem}.card-icon{font-size:2rem;min-width:50px}.card-value{font-size:1.5rem}.device-item{flex-direction:column;align-items:stretch;gap:.75rem}.device-info{min-width:auto}.setup-step{flex-direction:column;align-items:stretch}.step-number{align-self:flex-start}}.icon-help{background:#667eea1a;border:1px solid rgba(102,126,234,.2);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.icon-help p{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.5}.icon-help p:not(:last-child){margin-bottom:var(--spacing-sm)}.icon-help strong{color:var(--text-primary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.stat-card{background:var(--bg-glass);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));opacity:0;transition:opacity .3s ease;z-index:0}.stat-card:hover{transform:translateY(-4px);border-color:var(--border-accent);box-shadow:0 8px 32px #0000001a}.stat-card:hover:before{opacity:.05}.stat-icon{font-size:2.5rem;position:relative;z-index:1}.stat-content{position:relative;z-index:1}.stat-content h3{margin:0 0 .25rem;font-size:2rem;font-weight:700;color:var(--text-primary);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-content p{margin:0;color:var(--text-secondary);font-size:.9rem;font-weight:500}.filter-bar{display:flex;gap:var(--spacing-lg);align-items:center;padding:var(--spacing-lg);background:var(--bg-glass);border:1px solid var(--border-primary);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg)}.filter-group{display:flex;align-items:center;gap:var(--spacing-sm)}.filter-group label{font-weight:600;color:var(--text-primary);white-space:nowrap}.filter-group select{padding:.5rem 1rem;border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-input);color:var(--text-primary);font-size:.9rem;min-width:150px}.messages-container{display:flex;flex-direction:column;gap:var(--spacing-lg)}.message-card{background:var(--bg-glass);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;transition:all .3s ease;position:relative}.message-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--border-primary);transition:background .3s ease}.message-card.new:before{background:linear-gradient(180deg,#10b981,#059669)}.message-card.read:before{background:linear-gradient(180deg,#3b82f6,#1d4ed8)}.message-card.replied:before{background:linear-gradient(180deg,#8b5cf6,#7c3aed)}.message-card:hover{transform:translateY(-2px);border-color:var(--border-accent);box-shadow:0 8px 32px #0000001a}.message-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md)}.message-meta{flex:1;display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md)}.sender-info{display:flex;flex-direction:column;gap:.25rem}.sender-name{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.sender-email{font-size:.9rem;color:var(--text-secondary);font-family:Courier New,monospace}.message-details{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.message-date{font-size:.85rem;color:var(--text-muted);white-space:nowrap}.status-badge{padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:600;white-space:nowrap}.status-badge.new{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}.status-badge.read{background:#3b82f61a;color:#1d4ed8;border:1px solid rgba(59,130,246,.2)}.status-badge.replied{background:#8b5cf61a;color:#7c3aed;border:1px solid rgba(139,92,246,.2)}.message-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.status-select{padding:.5rem;border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-input);color:var(--text-primary);font-size:.85rem;min-width:120px}.action-btn{padding:.5rem 1rem;border:none;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.25rem;text-decoration:none}.action-btn.primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff}.action-btn.secondary{background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--border-primary)}.action-btn.danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.action-btn.small{padding:.375rem .75rem;font-size:.8rem}.action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.message-body{padding:var(--spacing-lg)}.message-subject{margin-bottom:var(--spacing-md)}.message-subject h5{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.message-content{background:var(--bg-input);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-md)}.message-content p{margin:0;color:var(--text-primary);line-height:1.6;white-space:pre-wrap}.message-contact{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border-primary);background:var(--bg-subtle)}.contact-info{font-size:.9rem;color:var(--text-secondary)}.contact-info a{color:var(--accent-primary);text-decoration:none;font-weight:600}.contact-info a:hover{text-decoration:underline}.empty-state{text-align:center;padding:var(--spacing-xl) var(--spacing-lg);color:var(--text-muted)}.empty-icon{font-size:4rem;margin-bottom:var(--spacing-lg);opacity:.5}.empty-state h3{margin:0 0 var(--spacing-sm) 0;font-size:1.5rem;color:var(--text-secondary)}.empty-state p{margin:0;font-size:1rem;line-height:1.5}.header-actions{display:flex;gap:var(--spacing-sm);align-items:center}@media (max-width: 1024px){.filter-bar{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.filter-group{justify-content:space-between}.message-header{flex-direction:column;gap:var(--spacing-md)}.message-meta{flex-direction:column;gap:var(--spacing-sm)}.message-details{align-items:flex-start}.message-actions{align-self:stretch;justify-content:space-between}}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.stat-card{flex-direction:column;text-align:center;gap:var(--spacing-sm)}.stat-icon{font-size:2rem}.stat-content h3{font-size:1.5rem}.message-actions{flex-direction:column;gap:var(--spacing-sm)}.action-btn{justify-content:center}.header-actions{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.filter-group select{min-width:auto;flex:1}}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}.app-container{flex:1;display:flex;flex-direction:column;min-height:100vh;position:relative;background:linear-gradient(to bottom,#0a192f 15%,#112240,#0a192f 85%)}.app-container:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(100,255,218,.03) 0%,transparent 70%),radial-gradient(circle at 80% 70%,rgba(100,255,218,.03) 0%,transparent 70%);pointer-events:none;z-index:0}main{flex:1;width:100%;max-width:1440px;margin:0 auto;padding:80px 20px 40px;position:relative;z-index:1}.content-wrapper{width:100%;max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:2}@media (max-width: 1024px){main{padding:70px 16px 32px}.content-wrapper{padding:0 16px}}@media (max-width: 768px){main{padding:60px 12px 24px}.content-wrapper{padding:0 12px}}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;overflow-x:hidden;background:#0a192f;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}