:root{--color-primary-blue: #0060af;--color-secondary-blue: #00b5f2;--color-pink: #de007a;--color-green: #11b03b;--color-bg-light: #f5f5f5;--color-text-dark: #32373c;--color-white: #ffffff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Montserrat,sans-serif;background-color:var(--color-bg-light);color:var(--color-text-dark);line-height:1.6;overflow-x:hidden}.app-container{display:flex;flex-direction:column;min-height:100vh}.header{padding:20px 5%;background:var(--color-white);box-shadow:0 4px 20px #0000000d;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:10}.logo{font-weight:800;font-size:1.5rem;color:var(--color-primary-blue);text-transform:uppercase;letter-spacing:-.5px}.hero{flex:1;display:flex;flex-direction:column;padding:40px 5%;position:relative;overflow:hidden;align-items:center;justify-content:center}.hero-content{max-width:600px;text-align:center;z-index:2;margin-bottom:40px}.badge{background:var(--color-pink);color:var(--color-white);padding:6px 16px;border-radius:999px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;display:inline-block;margin-bottom:20px;box-shadow:0 4px 15px #de007a4d;animation:float 3s ease-in-out infinite}.hero h1{font-size:2.5rem;font-weight:800;line-height:1.1;color:var(--color-primary-blue);margin-bottom:20px}.highlight{color:var(--color-pink);position:relative;display:inline-block}.highlight:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:8px;background-color:var(--color-secondary-blue);opacity:.3;border-radius:4px}.subtitle{font-size:1.1rem;color:#555;margin-bottom:30px;max-width:500px;margin-left:auto;margin-right:auto}.cta-button{background:linear-gradient(135deg,var(--color-primary-blue),var(--color-secondary-blue));color:var(--color-white);border:none;padding:15px 32px;font-size:1.1rem;font-weight:700;border-radius:999px;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 25px #0060af4d}.cta-button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 30px #0060af66}.cta-button:active{transform:translateY(1px)}.hero-graphic{position:relative;width:100%;max-width:400px;height:300px;z-index:1}.circle{position:absolute;border-radius:50%;opacity:.1}.circle-1{width:300px;height:300px;background:var(--color-primary-blue);top:50%;left:50%;transform:translate(-50%,-50%)}.circle-2{width:200px;height:200px;background:var(--color-pink);top:40%;left:60%;transform:translate(-50%,-50%)}.floating-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:15px 25px;border-radius:20px;box-shadow:0 20px 40px #00000014;font-weight:700;color:var(--color-primary-blue);border:1px solid rgba(255,255,255,.5);animation:floatCard 4s ease-in-out infinite;display:flex;align-items:center;gap:10px}.floating-card.secondary-card{top:30%;left:80%;padding:10px 20px;font-size:.9rem;color:var(--color-pink);animation:floatCard 5s ease-in-out infinite reverse}.icon{font-size:1.5rem}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes floatCard{0%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-60%)}to{transform:translate(-50%,-50%)}}@media (min-width: 768px){.hero{flex-direction:row;justify-content:space-between;text-align:left;padding:60px 10%}.hero-content{text-align:left;flex:1;margin-bottom:0;padding-right:40px}.hero h1{font-size:3.5rem}.subtitle{margin-left:0;font-size:1.25rem}.hero-graphic{flex:1;height:500px}.circle-1{width:500px;height:500px}.circle-2{width:350px;height:350px}}