:root{--color-primary: #7B61FF;--color-primary-light: #9B85FF;--color-jet: #333339;--color-raisin-black: #262626;--color-seasalt: #F8F7F5;--color-white: #FFFFFF;--font-weight-medium: 500;--font-weight-bold: 700;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.75rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3rem;--font-size-6xl: 4rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-12: 3rem;--spacing-16: 4rem;--border-radius-md: 8px;--border-radius-lg: 8px;--border-radius-xl: 8px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--color-jet);background:var(--color-seasalt);margin:0;padding:0}h1,h2,h3{color:var(--color-raisin-black);margin:0}p{margin:0;line-height:1.6}.section .container,.hero-container{width:min(1200px,90%);margin-left:auto;margin-right:auto;display:block;padding-left:var(--spacing-4);padding-right:var(--spacing-4);box-sizing:border-box}.hero-container{padding:2rem}.section{padding:var(--spacing-16) 0;position:relative}.hero{position:relative;overflow:hidden;border-radius:16px;margin:0;background:var(--color-seasalt);z-index:1}.light-beam{position:absolute;filter:blur(60px);z-index:0;pointer-events:none}.light-beam-1{top:-100px;left:-100px;width:300px;height:600px;background:linear-gradient(135deg,transparent 0%,rgba(208,197,248,.08) 20%,rgba(167,147,250,.12) 40%,rgba(126,97,253,.18) 60%,rgba(85,46,255,.15) 80%,transparent 100%);transform:rotate(35deg) scale(1);animation:gentleLight1 12s ease-in-out infinite}.light-beam-2{top:10%;right:-150px;width:400px;height:800px;background:linear-gradient(-45deg,transparent 0%,rgba(167,147,250,.06) 15%,rgba(126,97,253,.1) 35%,rgba(85,46,255,.08) 65%,transparent 100%);transform:rotate(-20deg);animation:gentleLight2 10s ease-in-out infinite reverse}.light-beam-3{bottom:-200px;left:20%;width:500px;height:700px;background:linear-gradient(60deg,transparent 0%,rgba(208,197,248,.05) 25%,rgba(167,147,250,.09) 45%,rgba(126,97,253,.06) 75%,transparent 100%);transform:rotate(15deg) scale(.8);animation:gentleLight3 12s ease-in-out infinite}@keyframes gentleLight1{0%,to{opacity:.4;transform:rotate(35deg) scale(1)}50%{opacity:.7;transform:rotate(35deg) scale(1.05)}}@keyframes gentleLight2{0%,to{opacity:.3;transform:rotate(-20deg) scale(.95)}50%{opacity:.6;transform:rotate(-20deg) scale(1.1)}}@keyframes gentleLight3{0%,to{opacity:.25;transform:rotate(15deg) scale(.8)}50%{opacity:.55;transform:rotate(15deg) scale(.9)}}.bg-orbs{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0;pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.08;animation:float 20s ease-in-out infinite}.orb-1{width:600px;height:600px;background:radial-gradient(circle,#9B85FF,transparent 70%);top:-300px;left:-150px;animation-duration:25s}.orb-2{width:500px;height:500px;background:radial-gradient(circle,#7B61FF,transparent 70%);top:15%;right:-200px;animation-duration:30s;animation-delay:-5s}.orb-3{width:700px;height:700px;background:radial-gradient(circle,var(--color-seasalt),transparent 70%);bottom:-300px;left:15%;animation-duration:35s;animation-delay:-10s;opacity:.06}.orb-4{width:450px;height:450px;background:radial-gradient(circle,#6247E0,transparent 70%);bottom:5%;right:10%;animation-duration:28s;animation-delay:-15s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.hero-container{width:100%;max-width:1400px;padding:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;z-index:2}.hero-content{width:100%;display:flex;align-items:center;gap:5rem;position:relative}.hero-text{flex:1;display:flex;flex-direction:column;justify-content:center;text-align:left}.hero-tagline{font-size:var(--font-size-xs);color:var(--color-jet);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-2);display:block;letter-spacing:.1em;text-transform:uppercase}.hero-heading{font-size:var(--font-size-6xl);line-height:1.2;margin-bottom:var(--spacing-6);font-weight:var(--font-weight-bold);letter-spacing:-.02em;color:var(--color-raisin-black)}.accent-text{position:relative;color:var(--color-raisin-black);font-weight:var(--font-weight-bold)}.gradient-text{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:var(--font-weight-bold)}.hero-description{font-size:var(--font-size-lg);color:var(--color-jet);margin-bottom:var(--spacing-8);line-height:1.5;letter-spacing:.01em;max-width:600px}.cta-buttons{display:flex;gap:var(--spacing-5);margin-bottom:var(--spacing-4);align-items:center}.btn{transition:transform .6s cubic-bezier(.25,.46,.45,.94),box-shadow .4s ease-out,border-color .3s ease-out,background-color .3s ease-out;display:inline-flex;align-items:center;justify-content:center;padding:1rem 1.2rem;border-radius:4px;font-weight:var(--font-weight-medium);text-decoration:none}.btn.btn-cta{background:var(--color-jet);backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border:1px solid var(--color-electric-indigo);color:var(--color-white);box-shadow:0 8px 20px #552eff40,0 2px 5px #552eff1a}.btn.btn-cta:hover{background:#552effe6;transform:translateY(-5px);box-shadow:0 12px 25px #552eff4d,0 5px 10px #552eff26,inset 0 1px #ffffff80}.btn.btn-cta:focus{outline:none}.partner-image{flex:1;display:flex;justify-content:center;align-items:center;position:relative}.display-card{position:relative;background:#fff;border-radius:var(--border-radius-xl);box-shadow:0 20px 40px #0000001a,0 10px 15px #7b61ff1a;overflow:hidden;width:380px;min-height:450px;z-index:5}.card-header{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));padding:var(--spacing-4) var(--spacing-5);color:#fff}.card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2);color:var(--color-seasalt)}.card-subtitle{font-size:var(--font-size-sm);opacity:.9}.card-content{padding:var(--spacing-5);display:flex;flex-direction:column;gap:var(--spacing-4)}.reward-item{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-3);background-color:#f8f9ff;border-radius:var(--border-radius-md);border:1px solid rgba(123,97,255,.1);transition:transform .3s ease,box-shadow .3s ease}.reward-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #7b61ff1a}.reward-icon{width:24px;height:24px;border-radius:50%;background-color:var(--color-primary);color:#fff;display:flex;justify-content:center;align-items:center;font-size:14px;flex-shrink:0}.reward-text{font-size:var(--font-size-sm);line-height:1.5}.reward-text strong{color:var(--color-raisin-black)}.section-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4);color:var(--color-raisin-black);text-align:center}.section-subtitle{font-size:var(--font-size-lg);color:var(--color-jet);max-width:600px;margin:0 auto var(--spacing-12);text-align:center}.how-it-works-section{background:#fff;padding:var(--spacing-16) 0}.how-it-works-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-6);margin-top:var(--spacing-12);margin-bottom:var(--spacing-8)}.step-card{background:#ffffffe6;backdrop-filter:blur(10px);border-radius:var(--border-radius-xl);box-shadow:0 8px 24px #0000000d;padding:var(--spacing-8);display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(123,97,255,.1)}.step-card:hover{transform:translateY(-8px);box-shadow:0 16px 32px #00000014,0 8px 20px #7b61ff1f}.step-number-large{width:60px;height:60px;background:#fff3;backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border:1px solid rgba(255,255,255,.3);color:var(--color-raisin-black);border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-6);box-shadow:0 8px 20px #7b61ff26,inset 0 1px #fff9,inset 0 -1px #0000001a;position:relative;overflow:hidden}.step-number-large:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(135deg,#7b61ff1a,#9b87ff26,#7b61ff1a);animation:gentleGlow 4s ease-in-out infinite;pointer-events:none}@keyframes gentleGlow{0%,to{opacity:.3;transform:scale(1) rotate(0)}50%{opacity:.6;transform:scale(1.05) rotate(180deg)}}.step-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-raisin-black);margin-bottom:var(--spacing-4)}.step-description{color:var(--color-jet);line-height:1.6;font-size:var(--font-size-base);max-width:280px}.call-to-action-section{background:#7b61ff08;text-align:center;padding:4rem 0}.cta-content{max-width:800px;margin:0 auto}.call-to-action-section .section-title{margin-bottom:1rem}.call-to-action-section .section-subtitle{margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.call-to-action-section .cta-buttons{justify-content:center;gap:1rem}@media(max-width:1024px){.hero{margin:20px;min-height:80vh}.hero-content{flex-direction:column;gap:3rem}.hero-text{text-align:center;align-items:center}.hero-description{max-width:100%}.cta-buttons{justify-content:center}.display-card{width:340px;height:auto}}@media(max-width:768px){.hero{margin:15px;padding:3rem 0;min-height:auto}.hero-container{padding:1rem}.hero-heading{font-size:var(--font-size-5xl)}.hero-description{font-size:var(--font-size-md)}.display-card{width:300px;margin:var(--spacing-12) 0 var(--spacing-6)}.how-it-works-section{padding:var(--spacing-12) 0}.how-it-works-grid{grid-template-columns:1fr;gap:var(--spacing-4)}.step-card{padding:var(--spacing-6)}.step-number-large{width:50px;height:50px;font-size:var(--font-size-xl)}.step-title{font-size:var(--font-size-lg)}.step-description{font-size:var(--font-size-sm)}.call-to-action-section{padding:3rem 0}.call-to-action-section .section-title{font-size:var(--font-size-3xl)}}@media(max-width:480px){.hero{margin:10px;border-radius:20px}.hero-heading{font-size:var(--font-size-4xl)}.hero-description{font-size:var(--font-size-base)}.cta-buttons{flex-direction:column;width:100%}.btn{width:100%}.display-card{width:280px;margin:var(--spacing-8) 0 var(--spacing-6)}.section-title{font-size:var(--font-size-3xl)}.section-subtitle{font-size:var(--font-size-base)}}