.depth-shell{--depth-cursor-x:50%;--depth-cursor-y:50%;--depth-cursor-opacity:0;position:relative;isolation:isolate;overflow:hidden;min-height:100vh;background:radial-gradient(circle at 15% 20%,rgba(129,140,248,.22),transparent 34%),radial-gradient(circle at 85% 10%,rgba(167,139,250,.16),transparent 30%),radial-gradient(circle at 50% 100%,rgba(196,181,253,.18),transparent 40%),linear-gradient(165deg,#faf5ff,#f5f3ff 45%,#eef2ff)}.depth-shell-centered{display:flex;align-items:center;justify-content:center;padding:32px 20px}.depth-shell-layers{position:absolute;inset:0;pointer-events:none;z-index:0}.depth-grid-field{position:absolute;inset:-20%;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 45%,#000 20%,transparent 72%);mask-image:radial-gradient(ellipse 70% 60% at 50% 45%,#000 20%,transparent 72%)}.depth-grid,.depth-grid-spotlight{position:absolute;inset:0;background-size:40px 40px}.depth-grid{background-image:linear-gradient(rgba(99,102,241,.05) 1px,transparent 0),linear-gradient(90deg,rgba(99,102,241,.05) 1px,transparent 0);opacity:.9}.depth-grid-spotlight{background-image:linear-gradient(rgba(99,102,241,.29) 1px,transparent 0),linear-gradient(90deg,rgba(99,102,241,.29) 1px,transparent 0);opacity:var(--depth-cursor-opacity);transition:opacity .18s ease;-webkit-mask-image:radial-gradient(circle 180px at var(--depth-cursor-x) var(--depth-cursor-y),#000 0,transparent 100%);mask-image:radial-gradient(circle 180px at var(--depth-cursor-x) var(--depth-cursor-y),#000 0,transparent 100%)}@media (prefers-reduced-motion:reduce){.depth-grid-spotlight{display:none}}.depth-pulses{position:absolute;inset:-20%;z-index:1;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 45%,#000 20%,transparent 72%);mask-image:radial-gradient(ellipse 70% 60% at 50% 45%,#000 20%,transparent 72%)}.depth-pulse{position:absolute;display:block;height:2px;opacity:0;pointer-events:none;animation-timing-function:ease-in-out;animation-iteration-count:infinite;will-change:transform,opacity;background:linear-gradient(90deg,transparent,rgba(99,102,241,.12) 35%,rgba(129,140,248,.65));box-shadow:0 0 10px rgba(129,140,248,.35)}.depth-pulse-sm{width:56px;animation-name:depth-pulse-travel-sm}.depth-pulse-md{width:72px;animation-name:depth-pulse-travel-md}.depth-pulse-lg{width:96px;animation-name:depth-pulse-travel-lg}@keyframes depth-pulse-travel-sm{0%,55%,to{opacity:0;transform:translateX(0)}60%{opacity:.7}85%{opacity:.45;transform:translateX(120px)}92%{opacity:0;transform:translateX(120px)}}@keyframes depth-pulse-travel-md{0%,55%,to{opacity:0;transform:translateX(0)}60%{opacity:.7}85%{opacity:.45;transform:translateX(200px)}92%{opacity:0;transform:translateX(200px)}}@keyframes depth-pulse-travel-lg{0%,55%,to{opacity:0;transform:translateX(0)}60%{opacity:.7}85%{opacity:.45;transform:translateX(280px)}92%{opacity:0;transform:translateX(280px)}}@media (prefers-reduced-motion:reduce){.depth-pulse{animation:none;display:none}}.depth-blob{position:absolute;border-radius:50%;filter:blur(48px)}.depth-blob-1{width:min(42vw,420px);height:min(42vw,420px);top:-8%;right:-6%;background:radial-gradient(circle,rgba(129,140,248,.42) 0,rgba(129,140,248,0) 72%)}.depth-blob-2{width:min(36vw,360px);height:min(36vw,360px);bottom:-10%;left:-8%;background:radial-gradient(circle,rgba(167,139,250,.38) 0,rgba(167,139,250,0) 72%)}.depth-blob-3{width:min(28vw,280px);height:min(28vw,280px);top:38%;left:52%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(196,181,253,.32) 0,rgba(196,181,253,0) 70%)}.depth-panel{position:relative;z-index:1;background:hsla(0,0%,100%,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.75);border-radius:24px;box-shadow:0 24px 60px rgba(49,46,129,.12),inset 0 2px 0 hsla(0,0%,100%,.8)}.depth-panel-narrow{width:min(420px,100%)}.depth-panel-wide{width:min(760px,100%)}