@import"https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&family=Tangerine:wght@400;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}#root{background:url(/assets/kinkinBackground-c07db9c0.jpg) no-repeat center center;background-size:cover;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Raleway,sans-serif;font-optical-sizing:auto;color:#fff;gap:20px}body{position:relative}main{width:100%;height:100dvh;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:30px;border-radius:15px;box-shadow:0 0 4px 2px #fff3;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:20px}main h1{font-weight:400;font-size:4rem;font-family:Tangerine,cursive;text-align:center}main h2{font-weight:100;font-size:1.3rem;max-width:900px}main .callToAction{min-width:60%;display:flex;flex-direction:column;align-items:center;gap:10px}main .callToAction p{font-weight:100}main .callToAction button{background:#8F338A;border:none;color:#fff;padding:12px 24px;border-radius:30px;font-size:1.1rem;font-weight:100;cursor:pointer}.logo-container{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;width:250px;height:250px;border-radius:50%;border:2px solid #8F338A;flex-shrink:1;box-shadow:0 0 4px #fff3}.logo{width:210px;filter:drop-shadow(0 0 5px rgba(255,255,255,.2))}.shine-effect{content:"";position:absolute;top:0;left:-150%;width:100%;height:100%;background:linear-gradient(120deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.5) 50%,rgba(255,255,255,0) 70%);transform:skew(-20deg);animation:shine 4s ease-in-out}.logo-container:hover .shine-effect{animation:shine 4s ease-in-out infinite}.whatsapp{position:fixed;bottom:20px;right:20px;width:40px;height:40px;z-index:300}.whatsapp button{width:100%;height:100%;object-fit:cover;background:none;border:none;cursor:pointer}@keyframes shine{0%{left:-150%}20%{left:100%}40%{left:150%}to{left:150%}}@media (max-width: 508px){#root{padding:6px}main{width:100%;height:calc(100dvh - 12px)}main h1{font-size:2.8rem}main h2{font-size:.9rem}main .callToAction{min-width:100%}.logo-container{width:180px;height:180px}.logo{width:140px}}.video-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.video-bg{width:100%;height:100%;object-fit:cover}.footer{background-color:#1a1a1a;color:#fff;text-align:center;padding:20px;display:flex;flex-direction:column;align-items:center;gap:15px;width:100%;z-index:3}.footer-logo img{width:120px}.footer-socials{display:flex;gap:15px}.footer-socials a{color:#fff;font-size:1.5rem;transition:color .3s}.footer-socials a:hover{color:#8f338a}.footer-signature{font-size:.9rem}.footer-signature a{color:#8f338a;text-decoration:none}.footer-signature a:hover{text-decoration:underline}.services-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:20px}.service-card{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:10px;box-shadow:0 4px 8px #ffffff4d;padding:15px;width:100%;max-width:400px;flex:1 1 calc(50% - 40px);display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .3s}.service-card:hover{transform:translateY(-5px)}.service-image{width:100%;height:auto;border-radius:8px;margin-bottom:15px}.service-title{font-size:1.5rem;margin-bottom:10px;color:#8f338a}.service-description{font-size:1rem}@media (max-width: 768px){.services-container{padding:7px}.service-card{flex:1 1 100%}}.modalvideo{position:relative;width:100%;padding:15px;display:flex;justify-content:center}.modalvideo .video-button{padding:30px;border-radius:30px;background:rgba(162,0,159,.2);border:1px solid #A2009F;color:#fff;font-weight:200;cursor:pointer}.modalvideo .video-button img{width:45px;margin-bottom:20px}.modalvideo .modal{position:fixed;top:0;left:0;width:100%;height:100dvh;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:100;flex-direction:column;gap:20px}.modalvideo .modal video{max-height:90%;max-width:90%}.modalvideo .close-button{position:absolute;top:10px;right:10px;z-index:2;background-color:transparent;border:none;font-size:2em;color:#fff;cursor:pointer}