/* Look: Aurora. A vivid but light aurora wash (teal, violet, sky, rose, amber ribbons that breathe and turn),
   deeper glass with a bright rim, indigo ink, an indigo-to-cyan primary, gradient headline second line,
   bigger staggered entrances with a blur-in, blur-sweep view changes, tilt on number cards, progress rings. */
:root[data-look="aurora"]{
  --lk-paper:#F6F5FC; --lk-ink:#1E1B4B; --lk-text:#4A4870; --lk-muted:#5B5986; --lk-faint:#9896B8;
  --lk-pri:#4F46E5; --lk-pri-deep:#3730A3; --lk-label:#6D28D9; --lk-acc2:#06B6D4; --lk-dash:linear-gradient(90deg,#4F46E5,#06B6D4); --lk-h2:#4F46E5;
  --lk-tint:rgba(99,102,241,.12); --lk-tint-good:rgba(16,185,129,.13); --lk-tint-warn:rgba(245,158,11,.15); --lk-tint-bad:rgba(244,63,94,.12);
  --lk-good:#059669; --lk-good-ink:#047857; --lk-warn:#B45309; --lk-bad:#E11D48;
  --lk-glass:rgba(255,255,255,.46); --lk-glass-hi:rgba(255,255,255,.74); --lk-edge:rgba(255,255,255,.75);
  --lk-blur:blur(28px) saturate(1.8);
  --lk-shadow:0 1px 0 rgba(255,255,255,.95) inset,0 0 0 1px rgba(255,255,255,.25) inset,0 18px 40px -18px rgba(67,56,202,.32);
  --lk-shadow-lg:0 1px 0 rgba(255,255,255,.95) inset,0 40px 80px -30px rgba(67,56,202,.5);
  --lk-line:rgba(30,27,75,.08); --lk-line2:rgba(30,27,75,.14); --lk-soft:rgba(255,255,255,.55); --lk-hover:rgba(255,255,255,.6);
  --lk-input:rgba(255,255,255,.8); --lk-ring-focus:rgba(99,102,241,.18); --lk-r-card:12px;
  --lk-w1:#5EE0C8; --lk-w2:#A78BFA; --lk-w3:#FFB4C8; --lk-w4:#7CC4FF; --lk-w5:#FFD58A; --lk-wash-op:.62; --lk-wash-blur:70px; --lk-glow-c:rgba(167,139,250,.28);
  --lk-pri-fill:linear-gradient(110deg,#4F46E5,#6D28D9 55%,#0891B2); --lk-pri-fill-hover:linear-gradient(110deg,#4338CA,#5B21B6 55%,#0E7490); --lk-on-pri:#fff;
  --lk-pri-shadow:0 12px 26px -12px rgba(79,70,229,.7);
  --lk-chip-on:linear-gradient(110deg,#4F46E5,#7C3AED); --lk-chip-on-text:#fff;
  --lk-bar:rgba(255,255,255,.42); --lk-bar-edge:rgba(255,255,255,.7); --lk-bar-text:#1E1B4B; --lk-bar-sub:#5B5986;
  --lk-tabs:rgba(255,255,255,.5); --lk-tab-mark:linear-gradient(90deg,#4F46E5,#06B6D4); --lk-badge:linear-gradient(135deg,#E11D48,#7C3AED);
  --lk-av-bg:conic-gradient(from 200deg,#4F46E5,#06B6D4,#10B981,#F59E0B,#EC4899,#4F46E5); --lk-av-text:#fff;
  --lk-side:rgba(255,255,255,.34); --lk-side-edge:rgba(255,255,255,.7); --lk-side-text:#4A4870; --lk-side-ink:#1E1B4B; --lk-side-sub:#9896B8;
  --lk-side-hover:rgba(255,255,255,.55); --lk-side-on:linear-gradient(100deg,rgba(79,70,229,.16),rgba(6,182,212,.1)); --lk-side-on-text:#3730A3;
  --lk-side-on-ring:inset 0 0 0 1px rgba(255,255,255,.8),0 8px 20px -12px rgba(79,70,229,.5); --lk-side-count:#fff; --lk-side-count-bg:linear-gradient(135deg,#4F46E5,#7C3AED); --lk-side-link:#4F46E5;
  --lk-hero:linear-gradient(120deg,#4338CA 0%,#6D28D9 45%,#0E7490 100%); --lk-hero-text:#fff; --lk-hero-num:#fff;
  --lk-hero-shadow:0 30px 60px -26px rgba(79,70,229,.75);
  --lk-step-done:linear-gradient(135deg,#10B981,#06B6D4); --lk-step-line:linear-gradient(#10B981,#06B6D4); --lk-num:#1E1B4B;
  --lk-th:#5B5986; --lk-th-bg:rgba(255,255,255,.45); --lk-sheet:rgba(255,255,255,.82); --lk-scrim:rgba(30,27,75,.24); --lk-toast:#1E1B4B;
  --lk-spot:rgba(167,139,250,.22); --lk-ring-track:rgba(30,27,75,.08); --lk-ring-a:#06B6D4; --lk-ring-b:#7C3AED;
  --lk-in-anim:lk-rise-blur; --lk-view-anim:lk-view-blur; --lk-in-dur:.75s; --lk-stagger:60ms;
}
/* the aurora: soft ribbons that breathe, turn and shift hue */
[data-look="aurora"] .lk-bg i,[data-look="aurora"] .lk-bg .lk-glow{display:block}
[data-look="aurora"] .lk-bg{background:radial-gradient(120% 80% at 50% 0%,#FBFAFF 0%,#F3F1FC 60%,#EEF3FB 100%)}
[data-look="aurora"] .lk-bg i{border-radius:40% 60% 55% 45% / 50% 40% 60% 50%}
[data-look="aurora"] .lk-bg i.b1{width:70vw;height:34vw;left:-12vw;top:-10vw;background:linear-gradient(100deg,#5EE0C8,#7CC4FF)}
[data-look="aurora"] .lk-bg i.b2{width:60vw;height:30vw;right:-14vw;top:6vh;background:linear-gradient(100deg,#A78BFA,#F0ABFC)}
[data-look="aurora"] .lk-bg i.b3{width:64vw;height:30vw;left:20vw;bottom:-12vw;background:linear-gradient(100deg,#FFB4C8,#FFD58A)}
[data-look="aurora"] .lk-bg i.b4{width:40vw;height:24vw;right:4vw;bottom:24vh;background:linear-gradient(100deg,#7CC4FF,#A78BFA)}
[data-look="aurora"] .lk-bg i.b5{width:36vw;height:22vw;left:2vw;top:44vh;background:linear-gradient(100deg,#5EE0C8,#FFD58A)}
html:not(.lk-rm)[data-look="aurora"] .lk-bg i{animation:lk-aurora 26s ease-in-out infinite alternate}
html:not(.lk-rm)[data-look="aurora"] .lk-bg i.b2{animation-duration:32s;animation-delay:-9s}
html:not(.lk-rm)[data-look="aurora"] .lk-bg i.b3{animation-duration:36s;animation-delay:-4s}
html:not(.lk-rm)[data-look="aurora"] .lk-bg i.b4{animation-duration:29s;animation-delay:-15s}
html:not(.lk-rm)[data-look="aurora"] .lk-bg i.b5{animation-duration:40s;animation-delay:-21s}
@keyframes lk-aurora{0%{transform:translate(0,0) rotate(-8deg) scale(1);filter:blur(70px) hue-rotate(0deg)}
  50%{transform:translate(7vw,5vh) rotate(6deg) scale(1.18,.9);filter:blur(80px) hue-rotate(25deg)}
  100%{transform:translate(-5vw,-3vh) rotate(-2deg) scale(.92,1.1);filter:blur(70px) hue-rotate(-15deg)}}
/* deeper glass: a bright rim drawn with a mask */
[data-look="aurora"] :is(.glass,.card,.tile,.item,.list,.panel.glass,main.card,.signin .card)::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(140deg,rgba(255,255,255,.95),rgba(255,255,255,.2) 40%,rgba(167,139,250,.35) 75%,rgba(94,224,200,.45));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
[data-look="aurora"] :is(.glass,.list,.signin .card){position:relative}
/* headline second line: indigo to cyan, one sweep across the whole line */
[data-look="aurora"] .lk-l2,[data-look="aurora"] .lk-l2 :is(.lk-w,.w){
  background:linear-gradient(90deg,#4F46E5,#7C3AED 45%,#0891B2);-webkit-background-clip:text;background-clip:text;color:transparent}
[data-look="aurora"] .label{background:linear-gradient(90deg,#4F46E5,#7C3AED);-webkit-background-clip:text;background-clip:text;color:transparent}
[data-look="aurora"] .label::before{-webkit-text-fill-color:initial}
/* the one thing waiting: an aurora band */
[data-look="aurora"][data-page="portal"] .waiting{background-size:200% 200%}
html:not(.lk-rm)[data-look="aurora"][data-page="portal"] .waiting{animation:lk-band 12s ease-in-out infinite alternate}
@keyframes lk-band{to{background-position:100% 100%}}
[data-look="aurora"][data-page="portal"] .waiting::before{content:"";position:absolute;inset:-40%;pointer-events:none;opacity:.55;
  background:conic-gradient(from 0deg at 70% 40%,transparent,rgba(94,224,200,.55),transparent 30%,rgba(255,180,200,.45),transparent 60%);filter:blur(30px)}
html:not(.lk-rm)[data-look="aurora"][data-page="portal"] .waiting::before{animation:lk-spin 16s linear infinite}
@keyframes lk-spin{to{transform:rotate(360deg)}}
[data-look="aurora"][data-page="portal"] .waiting > div > div:first-child{text-transform:uppercase;letter-spacing:.1em;font-size:11px!important}
[data-look="aurora"][data-page="portal"] .tile b,[data-look="aurora"] .stat b{background:linear-gradient(120deg,#1E1B4B,#4F46E5);-webkit-background-clip:text;background-clip:text;color:transparent}
[data-look="aurora"] .stat[aria-pressed="true"] b{background:none;color:#fff}
[data-look="aurora"][data-page="portal"] .tile,[data-look="aurora"] .stat,[data-look="aurora"] .rec{transform-style:preserve-3d;transition:transform .35s var(--lk-spring),box-shadow .35s}
[data-look="aurora"][data-page="portal"] .tile:hover,[data-look="aurora"] .stat:hover{transform:translateY(-5px) perspective(800px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}
[data-look="aurora"][data-page="portal"] .list > .li > svg.i:first-child{width:36px;height:36px;padding:8px;border-radius:8px;color:#fff;background:linear-gradient(135deg,#4F46E5,#06B6D4);box-shadow:0 8px 16px -8px rgba(79,70,229,.7)}
[data-look="aurora"][data-page="portal"] .step.done .dot{box-shadow:0 0 0 4px rgba(16,185,129,.15)}
[data-look="aurora"] .lk-ring-wrap{display:block}
[data-look="aurora"] .lk-ring-fg{filter:drop-shadow(0 2px 6px rgba(124,58,237,.35))}
[data-look="aurora"] .lk-sw-btn .lk-i{color:#7C3AED}
