body{margin:0;font-family:Poppins,sans-serif;color:#222;background:linear-gradient(135deg,#6c63ff,#b19cd9,#00d4ff);background-size:400% 400%;animation:gradientShift 12s ease infinite;min-height:100vh;overflow-x:hidden}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.header{position:fixed;top:0;width:100%;padding:15px 40px;display:flex;justify-content:space-between;align-items:center;background:transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;z-index:10}.header.scrolled{background:#ffffffe6;box-shadow:0 2px 15px #0000001a}.header.hidden{transform:translateY(-100%)}.header .logo{font-weight:700;font-size:1.2rem;color:#6c63ff;letter-spacing:.5px}.header nav a{margin-left:25px;text-decoration:none;color:#222;font-weight:500;transition:color .3s ease}.header nav a:hover{color:#6c63ff}.hero{padding-top:180px;padding-bottom:120px;text-align:center;color:#fff}.hero h1{font-size:3rem;font-weight:700;letter-spacing:1px;background:linear-gradient(90deg,#fff,#b5f3ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:15px}.hero p{font-size:1.2rem;opacity:.9}section{max-width:1100px;margin:0 auto;padding:100px 20px;text-align:center;color:#222}section h2{font-size:2rem;margin-bottom:40px;background:linear-gradient(90deg,#6c63ff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.odido-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}.odido-card{position:relative;width:300px;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 10px 25px #00000014;transition:all .4s ease}.odido-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px #6c63ff40}.odido-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:45%;background:linear-gradient(135deg,#6c63ff,#b19cd9,#00d4ff);background-size:200% 200%;animation:gradientMove 12s ease infinite;z-index:1}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.odido-icon{position:absolute;top:35px;left:50%;transform:translate(-50%);width:70px;height:70px;border-radius:50%;background:#ffffffd9;display:flex;align-items:center;justify-content:center;font-size:28px;color:#6c63ff;box-shadow:0 0 18px #6c63ff66;transition:all .4s ease;z-index:2}.odido-card:hover .odido-icon{transform:translate(-50%) scale(1.1);box-shadow:0 0 25px #00d4ff99}.odido-card .content{position:relative;z-index:2;background:#fff;border-top-left-radius:20px;border-top-right-radius:20px;padding:30px 20px 40px;margin-top:100px}.odido-card h3{margin-top:10px;font-size:1.2rem;color:#222}.odido-card p{font-size:.95rem;color:#444;margin:10px 0 20px}.odido-btn{background:linear-gradient(135deg,#6c63ff,#00d4ff);color:#fff;border:none;border-radius:50px;padding:12px 25px;font-size:.9rem;cursor:pointer;transition:all .3s ease}.odido-btn:hover{opacity:.9;transform:translateY(-2px)}.footer{text-align:center;padding:60px 20px;background:#fffc;border-top:1px solid rgba(0,0,0,.05)}.footer p{margin-bottom:10px}.footer a{color:#6c63ff;margin:0 10px;text-decoration:none;font-weight:600;transition:color .3s}.footer a:hover{color:#00d4ff}