@layer components{.zb-mesh{position:relative;isolation:isolate;background:radial-gradient(at 20% 20%,rgba(115,186,100,.35) 0px,transparent 50%),radial-gradient(at 80% 10%,rgba(107,45,137,.45) 0px,transparent 50%),radial-gradient(at 70% 80%,rgba(155,107,184,.3) 0px,transparent 50%),radial-gradient(at 10% 90%,rgba(35,164,85,.25) 0px,transparent 50%),#0f1419}.zb-mesh:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(at 60% 40%,rgba(107,45,137,.4) 0px,transparent 40%),radial-gradient(at 30% 60%,rgba(115,186,100,.3) 0px,transparent 40%);filter:blur(60px);animation:zb-drift 20s ease-in-out infinite alternate;pointer-events:none}.zb-glass{background:#ffffff0f;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:1.25rem;box-shadow:0 1px #ffffff14 inset,0 20px 60px -20px #00000080}.zb-glass-light{background:#ffffff80;backdrop-filter:blur(28px) saturate(200%);-webkit-backdrop-filter:blur(28px) saturate(200%);border:1px solid rgba(255,255,255,.75);border-radius:1.25rem;box-shadow:0 1px #ffffffe6 inset,0 14px 44px -12px #0f14192e,0 4px 12px -4px #73ba6414}.zb-glass-hover{transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .4s ease,box-shadow .4s ease}.zb-glass-hover:hover{transform:translateY(-4px);border-color:#73ba6466;box-shadow:0 1px #ffffff1a inset,0 30px 80px -20px #73ba6440}.zb-wash{position:relative;isolation:isolate;background:radial-gradient(at 10% -5%,rgba(115,186,100,.22) 0px,transparent 55%),radial-gradient(at 90% 15%,rgba(107,45,137,.18) 0px,transparent 55%),radial-gradient(at 75% 95%,rgba(155,107,184,.14) 0px,transparent 55%),radial-gradient(at 5% 90%,rgba(35,164,85,.12) 0px,transparent 50%),#fbfbfc}.zb-wash:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(at 35% 50%,rgba(115,186,100,.18) 0px,transparent 40%),radial-gradient(at 70% 30%,rgba(155,107,184,.16) 0px,transparent 40%);filter:blur(50px);animation:zb-drift 24s ease-in-out infinite alternate;pointer-events:none}.zb-island{background:#ffffffb3;backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);border:1px solid rgba(255,255,255,.85);border-radius:9999px;box-shadow:0 1px #fffffff2 inset,0 10px 30px -10px #0f141938,0 4px 12px -4px #0f141914}.zb-logo-link img{filter:drop-shadow(0 1px 2px rgba(15,20,25,.12))}.zb-island .zb-logo-link img{filter:brightness(.78) saturate(1.35) drop-shadow(0 1px 1px rgba(15,20,25,.22))}.zb-hero-bg{position:absolute;inset:0;z-index:0;background-image:var(--zb-hero-image);background-size:cover;background-position:center;opacity:.35;filter:saturate(110%) contrast(105%);animation:zb-hero-bg-fade 1.2s ease-out both,zb-ken-burns 38s ease-in-out infinite alternate;transform-origin:55% 45%;will-change:transform,opacity}.zb-hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0f14198c,#0f1419bf),radial-gradient(ellipse at 50% 0%,rgba(15,20,25,.2),transparent 70%)}.zb-hero-scrim{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 90% 75% at 30% 60%,rgba(15,20,25,.42),transparent 72%)}.zb-spotlight{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(420px circle at var(--mx, 50%) var(--my, 30%),rgba(115,186,100,.22),rgba(107,45,137,.14) 35%,transparent 70%);opacity:0;transition:opacity .5s ease;mix-blend-mode:screen}.zb-spotlight.is-active{opacity:1}.zb-orb{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;z-index:0;will-change:transform,opacity;opacity:.55}.zb-orb-1{width:360px;height:360px;background:radial-gradient(circle,rgba(115,186,100,.55),transparent 70%);top:-120px;right:-80px;animation:zb-orb-in 1.8s .1s cubic-bezier(.2,.8,.2,1) both,zb-orb-float-a 18s ease-in-out 1.9s infinite alternate}.zb-orb-2{width:460px;height:460px;background:radial-gradient(circle,rgba(107,45,137,.5),transparent 70%);bottom:-160px;left:-120px;animation:zb-orb-in 1.8s .25s cubic-bezier(.2,.8,.2,1) both,zb-orb-float-b 22s ease-in-out 2.05s infinite alternate}.zb-orb-3{width:240px;height:240px;background:radial-gradient(circle,rgba(155,107,184,.4),transparent 70%);top:30%;right:25%;animation:zb-orb-in 1.8s .4s cubic-bezier(.2,.8,.2,1) both,zb-orb-float-c 26s ease-in-out 2.2s infinite alternate}@media(prefers-reduced-motion:reduce){.zb-hero-bg,.zb-orb-1,.zb-orb-2,.zb-orb-3,.zb-mesh:before,.zb-wash:before{animation:none}.zb-spotlight{display:none}.zb-glass-hover{transition:none}.zb-glass-hover:hover{transform:none}}}@keyframes zb-drift{0%{transform:translate(0) scale(1)}50%{transform:translate(-3%,2%) scale(1.05)}to{transform:translate(2%,-1%) scale(.98)}}@keyframes zb-ken-burns{0%{transform:scale(1.02) translate(-1%,-.5%)}to{transform:scale(1.1) translate(2%,1.5%)}}@keyframes zb-orb-float-a{0%{transform:translate(0) scale(1)}to{transform:translate(-30px,20px) scale(1.1)}}@keyframes zb-orb-float-b{0%{transform:translate(0) scale(1)}to{transform:translate(40px,-20px) scale(1.05)}}@keyframes zb-orb-float-c{0%{transform:translate(0) scale(.95)}to{transform:translate(-25px,-30px) scale(1.1)}}@keyframes zb-hero-bg-fade{0%{opacity:0}to{opacity:.35}}@keyframes zb-orb-in{0%{opacity:0;transform:scale(.6)}to{opacity:.55;transform:scale(1)}}@layer components{.adm-card{background:#ffffff8c;backdrop-filter:blur(28px) saturate(200%);-webkit-backdrop-filter:blur(28px) saturate(200%);border:1px solid rgba(255,255,255,.75);border-radius:1rem;box-shadow:0 1px #ffffffe6 inset,0 10px 32px -12px #0f141924,0 3px 10px -4px #73ba640f}.adm-input{background:#ffffffbf;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.9);border-radius:.75rem;box-shadow:0 6px 18px -8px #0f141926}.adm-input:focus,.adm-input:focus-visible{outline:none;border-color:var(--color-zb-green);box-shadow:0 0 0 3px #73ba6440}.adm-tile{background:#0f14190b;border-radius:.75rem}.adm-header{position:sticky;top:0;z-index:40;background:#ffffffb8;backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);border-bottom:1px solid rgba(255,255,255,.85);box-shadow:0 8px 24px -16px #0f14192e}}
