.landing{--a-yellow:#f5b82e;--a-orange:#f26a3d;--a-red:#f0483e;--a-teal:#3fae9b;--a-pink:#d4588e;--a-purple:#9a6bb5;--a-blue:#2f7cc4;--a-ink:#0b0b0f;background:var(--a-ink);color:#ededf2}@layer components{.glass{isolation:isolate;-webkit-backdrop-filter:blur(24px)saturate(150%);backdrop-filter:blur(24px)saturate(150%);background:linear-gradient(135deg,#ffffff1c,#ffffff09);border:1px solid #ffffff21;position:relative;box-shadow:inset 0 1px #ffffff38,inset 0 -1px #ffffff0a,0 24px 70px -30px #000000bf}.glass:before{content:"";border-radius:inherit;pointer-events:none;z-index:1;background:radial-gradient(120% 90% at 12% -10%,#fff3,#0000 55%);position:absolute;inset:0}.glass-liquid{overflow:hidden}.glass-liquid:after{content:"";pointer-events:none;z-index:1;background:conic-gradient(from 0deg, transparent 0 58%, #ffffff24 66%, #ffffff0a 72%, transparent 78%);mix-blend-mode:screen;animation:14s linear infinite a-sheen;position:absolute;inset:-60%}.glass>*{z-index:2;position:relative}.aurora{filter:blur(90px);opacity:.4;pointer-events:none;border-radius:9999px;animation:24s ease-in-out infinite a-drift;position:absolute}.marquee{width:max-content;animation:36s linear infinite a-marquee;display:flex}.marquee-mask{-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}[data-reveal]{opacity:0;transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1);transform:translateY(22px)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}.btn-outline{color:#f5f6fb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #f5f6fb4d;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.5rem;font-size:.875rem;font-weight:500;line-height:1.25rem;transition:transform .15s,border-color .15s,background-color .15s;display:inline-flex}.btn-outline:hover{background-color:#f5f6fb0d;border-color:#f5f6fb99;transform:translateY(-2px)}.text-ensemble{background:linear-gradient(90deg, var(--a-yellow), var(--a-red) 30%, var(--a-pink) 55%, var(--a-purple) 75%, var(--a-blue));color:#0000;-webkit-background-clip:text;background-clip:text}}@keyframes a-sheen{to{transform:rotate(360deg)}}@keyframes a-drift{0%{transform:translate(0)scale(1)}50%{transform:translate(5%,-7%)scale(1.1)}to{transform:translate(0)scale(1)}}@keyframes a-marquee{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1!important;transition:none!important;transform:none!important}.aurora,.marquee,.glass-liquid:after{animation:none!important}}
