.aurora-effect-page{--aurora-a: rgba(60, 154, 255, .18);--aurora-b: rgba(92, 183, 255, .14);--aurora-c: rgba(31, 88, 214, .12);--aurora-line: rgba(104, 184, 255, .16);--aurora-panel: rgba(3, 13, 23, .42);--aurora-panel-strong: rgba(3, 13, 23, .74);min-height:100vh;position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;padding:clamp(72px,8vw,132px) 32px;color:var(--color-text);background:linear-gradient(rgba(95,176,214,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(95,176,214,.022) 1px,transparent 1px),linear-gradient(135deg,#04111a,#030810 48%,#01050b);background-size:128px 128px,128px 128px,auto}.aurora-effect-page--blue{--aurora-a: rgba(50, 137, 255, .22);--aurora-b: rgba(84, 174, 255, .16);--aurora-c: rgba(27, 80, 210, .14);--aurora-line: rgba(98, 178, 255, .2);--aurora-panel: rgba(3, 13, 23, .42);--aurora-panel-strong: rgba(3, 13, 23, .74)}.aurora-effect-page--green{--aurora-a: rgba(42, 238, 205, .22);--aurora-b: rgba(113, 255, 226, .16);--aurora-c: rgba(20, 190, 164, .14);--aurora-line: rgba(128, 255, 230, .24);--aurora-panel: rgba(3, 22, 19, .42);--aurora-panel-strong: rgba(3, 22, 19, .74);background:linear-gradient(rgba(116,255,228,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(116,255,228,.024) 1px,transparent 1px),linear-gradient(135deg,#031414,#020d0e,#010707)}.aurora-effect-page--cyan{--aurora-a: rgba(42, 228, 255, .24);--aurora-b: rgba(112, 255, 239, .18);--aurora-c: rgba(22, 166, 210, .14);--aurora-line: rgba(104, 238, 255, .24);--aurora-panel: rgba(3, 18, 22, .42);--aurora-panel-strong: rgba(3, 18, 22, .74);background:linear-gradient(rgba(104,238,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(104,238,255,.024) 1px,transparent 1px),linear-gradient(135deg,#03131a,#020d11,#01060a)}.aurora-effect-page--purple{--aurora-a: rgba(179, 104, 255, .24);--aurora-b: rgba(230, 130, 255, .16);--aurora-c: rgba(91, 55, 210, .14);--aurora-line: rgba(208, 142, 255, .22);--aurora-panel: rgba(17, 8, 25, .42);--aurora-panel-strong: rgba(17, 8, 25, .74);background:linear-gradient(rgba(190,130,255,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(190,130,255,.022) 1px,transparent 1px),linear-gradient(135deg,#10091a,#090711,#05040a)}.aurora-effect-page--amber{--aurora-a: rgba(255, 176, 64, .22);--aurora-b: rgba(255, 206, 112, .16);--aurora-c: rgba(214, 130, 27, .14);--aurora-line: rgba(255, 198, 104, .22);--aurora-panel: rgba(25, 16, 3, .42);--aurora-panel-strong: rgba(25, 16, 3, .74);background:linear-gradient(rgba(255,206,112,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(255,206,112,.022) 1px,transparent 1px),linear-gradient(135deg,#1a1206,#110c05,#0a0703)}.aurora-effect-page>*{position:relative;z-index:1}.aurora-effect-page:before,.aurora-effect-page:after{content:"";position:absolute;pointer-events:none}.aurora-effect-page:before{inset:-24% -18%;z-index:0;background:radial-gradient(ellipse at 14% 40%,var(--aurora-a),transparent 44%),radial-gradient(ellipse at 84% 24%,var(--aurora-b),transparent 38%),radial-gradient(ellipse at 58% 86%,var(--aurora-c),transparent 48%);filter:blur(34px);opacity:.86;transform:translateZ(0) scale(1);animation:aurora-field-drift 19s ease-in-out infinite}.aurora-effect-page:after{inset:0;z-index:0;background:radial-gradient(76% 48% at 20% 18%,color-mix(in srgb,var(--aurora-b),transparent 42%),transparent 74%),radial-gradient(64% 36% at 82% 0%,color-mix(in srgb,var(--aurora-a),transparent 52%),transparent 78%);opacity:.62;animation:aurora-field-breathe 13s ease-in-out infinite}.aurora-effect-panel{width:min(1240px,100%);min-height:clamp(420px,42vw,620px);display:grid;align-content:center;gap:22px;border:1px solid var(--aurora-line);border-radius:10px;padding:clamp(36px,6vw,80px);background:radial-gradient(70% 58% at 74% 34%,color-mix(in srgb,var(--aurora-a),transparent 74%),transparent 78%),linear-gradient(180deg,color-mix(in srgb,var(--aurora-panel),white 8%),var(--aurora-panel));box-shadow:0 0 0 1px color-mix(in srgb,var(--aurora-line),transparent 70%) inset,0 28px 110px color-mix(in srgb,var(--aurora-a),transparent 82%);backdrop-filter:blur(24px) saturate(112%);-webkit-backdrop-filter:blur(24px) saturate(112%)}.aurora-effect-panel h1,.aurora-effect-panel p{margin:0}.aurora-effect-panel h1{max-width:820px;font-size:clamp(54px,7vw,104px);line-height:.96}.aurora-effect-panel p{max-width:560px;color:var(--color-text-soft);font-size:clamp(18px,1.9vw,24px);line-height:1.5}.global-style-demo{width:min(1220px,100%);display:grid;gap:clamp(28px,4vw,52px)}.global-style-demo__intro{max-width:820px}.global-style-demo__intro>p:last-of-type{max-width:680px;margin-top:22px;font-size:var(--text-md)}.global-style-demo__intro .cluster{margin-top:28px}.global-style-demo__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.global-style-demo__panel{display:grid;align-content:start;gap:18px;padding:24px;background:radial-gradient(70% 58% at 82% 20%,color-mix(in srgb,var(--aurora-a),transparent 78%),transparent 74%),var(--color-surface-soft)}.global-style-demo__panel h2,.global-style-demo__panel h3,.global-style-demo__panel p{margin:0}.global-style-demo__panel input{min-height:42px;border:1px solid var(--color-line-strong);border-radius:var(--radius-control);padding:0 12px;color:var(--color-text);background:#0208106b}.style-swatches{display:grid;gap:10px}.style-swatches span{min-height:34px;display:flex;align-items:center;gap:10px;color:var(--color-text-soft);font-weight:var(--font-weight-label)}.style-swatches span:before{content:"";width:20px;height:20px;border-radius:999px;background:var(--swatch);box-shadow:0 0 22px color-mix(in srgb,var(--swatch),transparent 62%)}@media(max-width:900px){.global-style-demo__grid{grid-template-columns:1fr}}@keyframes aurora-field-drift{0%,to{transform:translate3d(-2.2%,-1.4%,0) scale(1)}37%{transform:translate3d(2.8%,1.6%,0) scale(1.035)}68%{transform:translate3d(-.8%,3%,0) scale(1.055)}}@keyframes aurora-field-breathe{0%,to{opacity:.5;transform:translateY(0)}43%{opacity:.86;transform:translateY(22px)}74%{opacity:.64;transform:translateY(-12px)}}@media(prefers-reduced-motion:reduce){.aurora-effect-page:before,.aurora-effect-page:after{animation:none}}