*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#fff;line-height:1.6;height:100vh;overflow:hidden}.page{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.video-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.background-video{width:100%;height:100%;object-fit:cover;pointer-events:none}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000a6;z-index:1}.top-logo{width:100%;text-align:center;padding:0;margin:0;background:transparent;z-index:10;position:relative}.top-logo img{width:350px;max-width:80%;height:auto;max-height:12vh;object-fit:contain;display:block;margin:0 auto}.wc-banner{position:relative;z-index:10;text-align:center;padding:1.5vh 20px;max-width:900px;margin:0 auto;width:100%}.wc-title-wrapper{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:1.5vh}.wc-sparkle{font-size:2rem;animation:sparklePulse 1.5s ease-in-out infinite}@keyframes sparklePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.wc-title{font-size:2rem;font-weight:900;background:linear-gradient(90deg,#39ff14,#090,#39ff14);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmerText 3s linear infinite;text-transform:uppercase;letter-spacing:2px}@keyframes shimmerText{0%{background-position:0% center}to{background-position:200% center}}.wc-features{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.wc-feature{display:flex;align-items:center;gap:10px;background:#ffffff12;border:1px solid rgba(255,215,0,.25);border-radius:50px;padding:10px 24px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .3s ease}.wc-feature:hover{background:#ffd70026;border-color:#ffd70080;transform:translateY(-3px);box-shadow:0 8px 25px #ffd70040}.wc-feature-text{font-size:.95rem;font-weight:600;color:gold;letter-spacing:.5px}.container{width:100%;max-width:1300px;margin:0 auto;padding:2vh 20px;position:relative;z-index:2}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.services.three-col{grid-template-columns:repeat(3,1fr)}.service-card{background:#00000073;border:1px solid rgba(255,215,0,.15);border-radius:24px;padding:15px 12px 18px;text-align:center;transition:all .4s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.service-card:hover{transform:translateY(-5px);background:#ffd7001f}.circle-wrapper{width:180px;height:180px;margin:0 auto 12px;position:relative}.circle-wrapper svg{width:100%;height:100%;transform:rotate(-90deg)}.circle-bg{fill:none;stroke:#ffffff1f;stroke-width:14}.circle-progress{fill:none;stroke:gold;stroke-width:14;stroke-linecap:round;stroke-dasharray:440;stroke-dashoffset:0;animation:spinCircle 1.8s linear infinite}@keyframes spinCircle{0%{stroke-dashoffset:440}to{stroke-dashoffset:0}}.logo-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:156px;height:156px;object-fit:cover;animation:pulseLogo 2.5s ease-in-out infinite;border-radius:50%;clip-path:circle(42% at 50% 50%)}@keyframes pulseLogo{0%{transform:translate(-50%,-50%) scale(1);filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}50%{transform:translate(-50%,-50%) scale(1.08);filter:drop-shadow(0 10px 20px rgba(255,215,0,.4))}to{transform:translate(-50%,-50%) scale(1);filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}}.btn-experience{display:inline-block;margin-top:15px;padding:12px 28px;background:linear-gradient(90deg,gold,#fa0);color:#1a0033;font-weight:700;font-size:1rem;border-radius:50px;text-decoration:none;transition:all .3s ease;box-shadow:0 6px 20px #ffd70080}.btn-experience:hover{transform:translateY(-3px);box-shadow:0 10px 25px #ffd700b3}.service-card h3{font-size:1.3rem;margin-bottom:10px;color:#fff;text-shadow:0 0 10px rgba(255,215,0,.8),0 3px 6px rgba(0,0,0,.9);font-weight:900;letter-spacing:.5px;min-height:38px}@media(max-width:1200px){.services.three-col{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){body{overflow-y:auto;height:auto;min-height:100vh}.page{height:auto;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;overflow:visible;padding-top:10px;padding-bottom:20px}.top-logo img{width:200px}.wc-banner{padding:0 10px;margin:0;width:100%;flex-shrink:0}.wc-title-wrapper{margin-bottom:12px}.wc-title{font-size:1.2rem;line-height:1.3}.wc-sparkle{font-size:1rem}.wc-features{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:0 10px;width:100%}.wc-feature{justify-content:center;padding:6px 12px;border-radius:20px}.wc-feature-text{font-size:.72rem;text-align:center}.container{flex:none;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:5px 15px;overflow:visible;margin:0;width:100%}.services.three-col{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding-bottom:0;margin:0;width:100%}.service-card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;gap:0px 12px;padding:10px 15px;border-radius:16px;text-align:left;margin:0;width:100%}.circle-wrapper{grid-column:1;grid-row:1 / span 2;width:75px;height:75px;margin:0}.logo-center{width:72px;height:72px;border-radius:50%;clip-path:circle(42% at 50% 50%)}.service-card h3{grid-column:2;grid-row:1;font-size:.95rem;line-height:1.2;min-height:auto;margin:0 0 4px;align-self:end}.btn-experience{grid-column:2;grid-row:2;padding:6px 0;font-size:.8rem;margin:0;justify-self:stretch;text-align:center;align-self:start;width:100%}}@media(max-width:480px){.top-logo img{width:170px}.wc-title{font-size:1.05rem}.wc-feature-text{font-size:.68rem}.circle-wrapper{width:68px;height:68px}.logo-center{width:66px;height:66px;border-radius:50%;clip-path:circle(42% at 50% 50%)}.service-card{padding:8px 12px;gap:0px 10px;width:100%}.service-card h3{font-size:.95rem;margin-bottom:2px}.btn-experience{font-size:.75rem;padding:5px 0}.services.three-col{gap:8px;width:100%}}@media(max-width:600px)and (min-height:720px){body{overflow:hidden;height:100vh}.page{height:100vh;justify-content:center;gap:10px;padding-top:15px;padding-bottom:15px}.container{flex:none;display:flex;flex-direction:column;justify-content:center;padding:0 15px;margin-top:25px}.services.three-col{display:flex;flex-direction:column;gap:12px}.service-card{padding:12px 18px}.circle-wrapper{width:84px;height:84px}.logo-center{width:82px;height:82px;border-radius:50%;clip-path:circle(42% at 50% 50%)}.service-card h3{font-size:1.05rem;margin-bottom:4px}.btn-experience{padding:8px 0;font-size:.85rem}}
