/* XAG Education themes: Light (the page as it is, no rules), Dark (the xaglobal.stream navy palette: #143270/#1b4288, ink #eaf1ff, ice #7fd0ff, blue #1356d6, gold #ffb000) and Dark + Glass (the same palette with translucent blurred panels over the background image; data-theme="glass").
   html[data-theme] is set before first paint by the small script in <head> and kept by themes.js.
   themes-auto.css (generated by scripts/gen-themes.mjs) re-colours every hard-coded colour of the page CSS for Dark and Glassy;
   this file holds the variables, the Glassy background and panels, the theme control and the hand-tuned spots. */

/* ---------- theme control (all three themes) ---------- */
:root{--xt-bg:#fff;--xt-fg:#0b1c2d;--xt-line:rgba(11,28,45,.18);--xt-on:#304adc;--xt-shadow:0 12px 32px rgba(11,28,45,.18)}
.xt-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;padding:0;border-radius:8px;border:1.5px solid #304adc;background:#fff;color:#0b1c2d;cursor:pointer;font:inherit;line-height:1}
.xt-btn:hover{background:#f0f5fc}
.xt-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.xt-btn:focus-visible,.xt-opt:focus-visible,.xt-x:focus-visible{outline:3px solid #304adc;outline-offset:2px}
.xt-wrap{position:relative;display:inline-flex}
.xt-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:600;min-width:210px;background:var(--xt-bg);color:var(--xt-fg);border:1px solid var(--xt-line);border-radius:12px;box-shadow:var(--xt-shadow);padding:.4rem;display:none}
.xt-menu.open{display:block}
.xt-menu .xt-title{font:600 .72rem/1.3 Inter,system-ui,sans-serif;opacity:.8;padding:.35rem .6rem .25rem}
.xt-opt{display:flex;align-items:center;gap:.6rem;width:100%;text-align:left;padding:.5rem .6rem;border:1.5px solid transparent;border-radius:8px;background:transparent;color:inherit;font:600 .82rem/1.3 Inter,system-ui,sans-serif;cursor:pointer}
.xt-opt:hover{background:rgba(48,74,220,.1)}
.xt-opt[aria-pressed="true"]{border-color:var(--xt-on);background:rgba(48,74,220,.1)}
.xt-opt .xt-sw{width:34px;height:24px;border-radius:6px;border:1px solid var(--xt-line);flex-shrink:0;overflow:hidden;position:relative}
.xt-sw.s-light{background:linear-gradient(135deg,#f7f8fb 50%,#fff 50%)}
.xt-sw.s-dark{background:linear-gradient(135deg,#143270 50%,#24539f 50%)}
.xt-sw.s-brite{background:linear-gradient(135deg,#012456 50%,#00e5ff 50%)}
.xt-sw.s-glass{background:linear-gradient(135deg,#24539f,#1356d6)}
.xt-sw.s-glass::after{content:"";position:absolute;inset:5px 4px;border-radius:3px;background:rgba(255,255,255,.28);border:1px solid rgba(255,255,255,.45)}
.xt-sw.s-auto{background:linear-gradient(90deg,#f7f8fb 50%,#143270 50%)}
.xt-more{display:block;width:100%;text-align:left;padding:.45rem .6rem;margin-top:.15rem;border:0;border-top:1px solid var(--xt-line);background:transparent;color:inherit;font:500 .76rem Inter,system-ui,sans-serif;cursor:pointer;border-radius:0 0 8px 8px}
.xt-more:hover{text-decoration:underline}
.xt-dlg-back{position:fixed;inset:0;z-index:2000;background:rgba(10,25,70,.6);display:none;align-items:center;justify-content:center;padding:1rem}
.xt-dlg-back.open{display:flex}
.xt-dlg{background:var(--xt-bg);color:var(--xt-fg);border:1px solid var(--xt-line);border-radius:16px;box-shadow:var(--xt-shadow);max-width:460px;width:100%;padding:1.2rem 1.2rem 1rem;position:relative;font-family:Inter,system-ui,sans-serif}
.xt-dlg h2{font-size:1.1rem;margin:0 0 .25rem;color:inherit}
.xt-dlg p{font-size:.84rem;margin:0 0 .8rem;opacity:.9}
.xt-dlg .xt-opt{padding:.65rem .7rem;margin-bottom:.35rem;border-color:var(--xt-line)}
.xt-dlg .xt-opt[aria-pressed="true"]{border-color:var(--xt-on)}
.xt-dlg .xt-opt small{display:block;font-weight:400;opacity:.85;font-size:.74rem}
.xt-x{position:absolute;right:.6rem;top:.6rem;width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:inherit;font-size:1.3rem;cursor:pointer}
.xt-preview-bar{position:fixed;left:0;right:0;bottom:0;z-index:9500;background:#0b1c2d;color:#fff;padding:.6rem 1rem;display:flex;gap:.8rem;align-items:center;justify-content:center;font:600 .85rem Inter,system-ui,sans-serif}
.xt-preview-bar button{border:0;border-radius:8px;padding:.4rem .8rem;font:600 .8rem Inter,system-ui,sans-serif;cursor:pointer;background:#fff;color:#0b1c2d}
@media(max-width:640px){.xt-btn{width:30px;height:30px}.xt-btn svg{width:16px;height:16px}.xt-menu{position:fixed;left:12px;right:12px;top:60px;min-width:0;max-width:340px;margin:0 auto}}

/* ---------- Dark + Glassy: shared variables ---------- */
html[data-theme="dark"],html[data-theme="glass"]{
  color-scheme:dark;
  --navy:#eaf1ff;--navy-mid:#d3e1fa;--muted:#c4d5f5;--border:rgba(150,190,255,.24);
  --turquoise:#7fd0ff;--xl-teal-d:#a6dcff;--xl-tint:#1b4288;--xl-tint-2:#1d4a94;--gold:#ffb000;
  --shadow:0 8px 28px rgba(5,15,50,.55);--shadow-3d:0 6px 0 rgba(5,15,50,.45),0 12px 32px rgba(5,15,50,.55);
  --xt-bg:#1b4288;--xt-fg:#eaf1ff;--xt-line:rgba(150,190,255,.3);--xt-on:#ffb000;--xt-shadow:0 12px 32px rgba(5,15,50,.6);
  --gl-a:1;
}
html[data-theme="dark"]{--pearl:#143270;--white:#1b4288}
html[data-theme="dark"],html[data-theme="dark"] body{background:#143270;color:#eaf1ff}
/* images keep their true colours (no grey dimming); the navy tint comes from the page and banner overlays */
html[data-theme="dark"] ::selection,html[data-theme="glass"] ::selection{background:#3b4fb8;color:#fff}
html[data-theme="dark"] .xt-btn,html[data-theme="glass"] .xt-btn{background:#1b4288;border-color:#ffb000;color:#eaf1ff}
html[data-theme="dark"] .xt-btn:hover,html[data-theme="glass"] .xt-btn:hover{background:#24539f}
html[data-theme="dark"] .xt-btn:focus-visible,html[data-theme="glass"] .xt-btn:focus-visible,html[data-theme="dark"] .xt-opt:focus-visible,html[data-theme="glass"] .xt-opt:focus-visible{outline-color:#8ea2ff}
html[data-theme="dark"] a,html[data-theme="glass"] a{--link:#7fd0ff}
html[data-theme="dark"] select,html[data-theme="dark"] input,html[data-theme="dark"] textarea,
html[data-theme="glass"] select,html[data-theme="glass"] input,html[data-theme="glass"] textarea{background-color:#24539f;color:#eaf1ff;border-color:rgba(150,190,255,.4)}
html[data-theme="dark"] ::placeholder,html[data-theme="glass"] ::placeholder{color:#b9cdf0;opacity:1}
html[data-theme="glass"] select,html[data-theme="glass"] input,html[data-theme="glass"] textarea{background-color:rgba(20,50,112,.6)}
html[data-theme="dark"] select option,html[data-theme="glass"] select option{background:#24539f;color:#eaf1ff}
html[data-theme="dark"] *,html[data-theme="glass"] *{scrollbar-color:#3566b8 #143270}
html[data-theme="dark"] ::-webkit-scrollbar,html[data-theme="glass"] ::-webkit-scrollbar{background:#143270}
html[data-theme="dark"] ::-webkit-scrollbar-thumb,html[data-theme="glass"] ::-webkit-scrollbar-thumb{background:#3566b8;border-radius:8px}

/* ---------- Glassy: a full-page photo, a dark tint over it, translucent frosted panels ---------- */
html[data-theme="glass"]{
  --pearl:rgba(24,60,130,.72);--white:rgba(30,70,150,.71);--gl-a:.79;--gl-blur:blur(12px) saturate(1.15);
  --xt-bg:rgba(27,66,136,.95);
  background:#143270;
}
html[data-theme="glass"] body{background:transparent;color:#eaf1ff}
html[data-theme="glass"]::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:var(--site-bg,url("img/themes/glass-default.webp")) center/cover no-repeat,#143270}
/* the tint that keeps text readable on any photo */
html[data-theme="glass"]::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(70% 45% at 50% 0,rgba(19,86,214,.3),rgba(19,86,214,0) 70%),linear-gradient(180deg,rgba(24,60,135,.72),rgba(20,52,120,.66) 45%,rgba(18,48,106,.78))}
/* blur on the main containers only (not nested, not on every element) */
html[data-theme="glass"] .site-header,html[data-theme="glass"] .nav-main,html[data-theme="glass"] .chip-drop,html[data-theme="glass"] .search-panel,
html[data-theme="glass"] .info-block,html[data-theme="glass"] .session-box,html[data-theme="glass"] .tile,html[data-theme="glass"] .opt-btn,
html[data-theme="glass"] .order-card,html[data-theme="glass"] .modal,html[data-theme="glass"] .xt-menu,html[data-theme="glass"] .xt-dlg{
  -webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur)}
html[data-theme="glass"] .session-box .session-box,html[data-theme="glass"] .info-block .info-block,html[data-theme="glass"] .session-box .info-block,html[data-theme="glass"] .info-block .session-box,
html[data-theme="glass"] .session-box .order-card,html[data-theme="glass"] .tile .tile{-webkit-backdrop-filter:none;backdrop-filter:none}
html[data-theme="glass"] .site-header{background:rgba(24,60,130,.7);border-bottom:1px solid rgba(150,190,255,.28);box-shadow:0 1px 24px rgba(19,86,214,.2)}
html[data-theme="glass"] .nav-main,html[data-theme="glass"] .chip-drop,html[data-theme="glass"] .search-panel{background:rgba(27,66,136,.92)}
html[data-theme="glass"] .info-block,html[data-theme="glass"] .session-box,html[data-theme="glass"] .tile,html[data-theme="glass"] .order-card{
  border-color:rgba(150,190,255,.3);box-shadow:0 8px 32px rgba(5,15,50,.4),inset 0 1px 0 rgba(150,190,255,.18),0 0 28px rgba(19,86,214,.16)}
/* no backdrop-filter in this browser: a more solid translucent colour instead */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  html[data-theme="glass"]{--gl-a:.9}
  html[data-theme="glass"] .site-header{background:rgba(20,50,112,.94)}
}
@media(prefers-reduced-transparency:reduce){
  html[data-theme="glass"]{--gl-a:.94}
  html[data-theme="glass"] .site-header,html[data-theme="glass"] .info-block,html[data-theme="glass"] .session-box,html[data-theme="glass"] .tile,html[data-theme="glass"] .opt-btn,html[data-theme="glass"] .order-card,html[data-theme="glass"] .nav-main,html[data-theme="glass"] .xt-menu,html[data-theme="glass"] .xt-dlg{-webkit-backdrop-filter:none;backdrop-filter:none}
  html[data-theme="glass"] .site-header{background:rgba(20,50,112,.97)}
}
/* the course filter lists (fixed bottom sheet on phones) sit over page text: they need a solid colour, not the translucent panel one */
html[data-theme="glass"] .xcf-pop{background:#1a3d81}
/* low-end phones: blur is the expensive part, keep the translucency */
@media(max-width:640px){html[data-theme="glass"]{--gl-blur:blur(8px)}}

/* ---------- hand-tuned spots (Dark + Glassy) ---------- */
html[data-theme="dark"] footer a,html[data-theme="glass"] footer a{color:rgba(255,255,255,.82)!important}
html[data-theme="dark"] .cart-count,html[data-theme="glass"] .cart-count{color:#1a0f00}
html[data-theme="dark"] .xc-aid,html[data-theme="glass"] .xc-aid{--xc:#7fd0ff}
html[data-theme="dark"] .xc-aid.xc-school,html[data-theme="glass"] .xc-aid.xc-school{--xc:#a5b4fc}
html[data-theme="dark"] .xc-aid.xc-teacher,html[data-theme="glass"] .xc-aid.xc-teacher{--xc:#c4b5fd}
html[data-theme="dark"] .xc-aid.xc-student,html[data-theme="glass"] .xc-aid.xc-student{--xc:#7cc4e0}
html[data-theme="dark"] .xc-btn,html[data-theme="glass"] .xc-btn{background:#1356d6;color:#fff}
html[data-theme="dark"] .xag-medallion-ring,html[data-theme="glass"] .xag-medallion-ring{color:#0b1c2d}

/* ---------- admin: Site theme box ---------- */
#adminThemeBox fieldset{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}
#adminThemeBox legend{font-weight:700;font-size:.9rem;margin-bottom:.4rem}
.xta-theme{display:flex;flex-direction:column;gap:.25rem;text-align:left;padding:.5rem;border:2px solid var(--xt-line);border-radius:12px;background:var(--xt-bg);color:var(--xt-fg);font:inherit;cursor:pointer}
.xta-theme[aria-pressed="true"]{border-color:var(--xt-on);box-shadow:0 0 0 2px var(--xt-on)}
.xta-theme small{font-size:.72rem;opacity:.85}
.xta-theme:focus-visible,.xta-img button:focus-visible{outline:3px solid #304adc;outline-offset:2px}
.xta-thumb{display:block;height:64px;border-radius:8px;position:relative;overflow:hidden;border:1px solid rgba(0,0,0,.15)}
.xta-thumb i{position:absolute;left:8px;right:8px;height:10px;border-radius:3px}
.xta-thumb i:nth-child(1){top:8px;height:8px;right:50%}
.xta-thumb i:nth-child(2){top:22px}.xta-thumb i:nth-child(3){top:38px;right:30%}
.xta-auto{background:linear-gradient(90deg,#f7f8fb 50%,#143270 50%)}.xta-auto i{background:rgba(255,255,255,.55);border:1px solid #d5dbe6}
.xta-light{background:#f7f8fb}.xta-light i{background:#fff;border:1px solid #d5dbe6}
.xta-dark{background:#143270}.xta-dark i{background:#24539f}
.xta-brite{background:#012456}.xta-brite i{background:#00e5ff}
.xta-glass{background:url("img/themes/glass-default.webp") center/cover,#1c3a52}.xta-glass i{background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.45)}
.xta-gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.6rem;margin:.4rem 0 .6rem}
.xta-img{position:relative;border:2px solid var(--xt-line);border-radius:10px;overflow:hidden;background:var(--xt-bg)}
.xta-img.on{border-color:var(--xt-on);box-shadow:0 0 0 2px var(--xt-on)}
.xta-img>button:first-child{display:block;width:100%;padding:0;border:0;background:none;color:var(--xt-fg);text-align:left;cursor:pointer;font:600 .74rem Inter,system-ui,sans-serif}
.xta-img>button:first-child>span:last-child{display:block;padding:.3rem .4rem}
.xta-img small{display:block;font-weight:400;opacity:.85}
.xta-pic{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.xta-default{background:url("img/themes/glass-default.webp") center/cover}
.xta-del{position:absolute;top:4px;right:4px;border:0;border-radius:6px;padding:.2rem .45rem;background:rgba(11,28,45,.85);color:#fff;font:600 .7rem Inter,system-ui,sans-serif;cursor:pointer}
.xta-row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin:.5rem 0}
@media(max-width:520px){#adminThemeBox fieldset{grid-template-columns:1fr}}
.xta-msg{font-size:.8rem;margin:.4rem 0 0}.xta-msg.bad{color:#b91c1c}.xta-msg.ok{color:#047857}
html[data-theme="dark"] .xta-msg.bad,html[data-theme="glass"] .xta-msg.bad{color:#ffb3b3}
html[data-theme="dark"] .xta-msg.ok,html[data-theme="glass"] .xta-msg.ok{color:#7ee0b0}
.xta-row label{display:inline-flex;width:auto;margin:0}.xta-row input[type=checkbox]{width:auto;flex:none}
/* coloured class cards keep white text */
html[data-theme="dark"] .xcc-card a,html[data-theme="glass"] .xcc-card a{color:#fff!important}
html[data-theme="dark"] .xcc-card .btn-outline,html[data-theme="glass"] .xcc-card .btn-outline{background:rgba(20,50,112,.55);color:#fff;border-color:rgba(255,255,255,.6)}

/* ---------- navy banners: a navy gradient overlay instead of dimming/greying the pictures ---------- */
html[data-theme="dark"] .xag-photo-banner::after,html[data-theme="glass"] .xag-photo-banner::after,html[data-theme="dark"] #homePhotoBanner.xag-photo-banner::after,html[data-theme="glass"] #homePhotoBanner.xag-photo-banner::after{background:linear-gradient(180deg,rgba(20,50,112,0) 0%,rgba(20,50,112,.55) 55%,#143270 100%)}
html[data-theme="dark"] .xl-banner::after,html[data-theme="glass"] .xl-banner::after{background:linear-gradient(90deg,rgba(20,50,112,.55) 0,rgba(27,66,136,.2) 55%,rgba(27,66,136,0) 100%)}
html[data-theme="dark"] .xl-banner[data-xl-rot]::after,html[data-theme="glass"] .xl-banner[data-xl-rot]::after{background:linear-gradient(90deg,rgba(20,50,112,.8) 0,rgba(27,66,136,.55) 50%,rgba(27,66,136,.14) 100%)}
html[data-theme="dark"] .xt-dlg-back,html[data-theme="glass"] .xt-dlg-back{background:rgba(5,15,50,.66)}
html[data-theme="dark"] .site-header{background:rgba(20,50,112,.96)}
html[data-theme="dark"] footer,html[data-theme="glass"] footer{background:linear-gradient(180deg,#163a7a,#123066)}
html[data-theme="glass"] footer{background:linear-gradient(180deg,rgba(24,60,130,.8),rgba(18,48,102,.88))}
/* the xaglobal.stream glow: soft royal blue from the top, a little warm orange in the corner */
html[data-theme="dark"],html[data-theme="dark"] body{background-color:#143270}
html[data-theme="dark"] body{background-image:radial-gradient(70% 40% at 50% 0,rgba(80,150,255,.35),rgba(80,150,255,0) 70%),radial-gradient(45% 35% at 0 45%,rgba(60,120,230,.25),rgba(60,120,230,0) 70%),radial-gradient(45% 35% at 100% 70%,rgba(60,120,230,.25),rgba(60,120,230,0) 70%),radial-gradient(40% 30% at 100% 100%,rgba(255,176,0,.07),rgba(255,176,0,0) 70%),radial-gradient(circle,rgba(160,200,255,.13) 0 1px,transparent 1.5px) 0 0/28px 28px,linear-gradient(180deg,#143270 0%,#1a4490 35%,#153877 65%,#1b4894 100%);background-attachment:fixed}
/* empty/overscroll/root areas and placeholders are navy too, never black or flat grey */
html[data-theme="dark"] iframe,html[data-theme="glass"] iframe,html[data-theme="dark"] video,html[data-theme="glass"] video,html[data-theme="dark"] canvas:not([class]),html[data-theme="glass"] canvas:not([class]){background-color:#173a78}
html[data-theme="dark"] #app,html[data-theme="dark"] main,html[data-theme="glass"] #app,html[data-theme="glass"] main{background-color:transparent}
html[data-theme="dark"] table th,html[data-theme="glass"] table th{background-color:#24539f}
html[data-theme="dark"] table tr:nth-child(even) td,html[data-theme="glass"] table tr:nth-child(even) td{background-color:rgba(36,83,159,.35)}
html[data-theme="dark"] section:nth-of-type(even),html[data-theme="glass"] section:nth-of-type(even){background-image:linear-gradient(180deg,rgba(80,140,230,.1),rgba(80,140,230,.04))}
html[data-theme="dark"] .user-chip,html[data-theme="glass"] .user-chip{background:#1356d6;color:#fff;border-color:rgba(150,190,255,.3)}
html[data-theme="dark"] .xcf-count,html[data-theme="glass"] .xcf-count{color:#c4d5f5}
/* footer and its accent bar: navy layers, never #0b1c2d */
html[data-theme="dark"] footer{background:linear-gradient(180deg,#163a7a,#123066)!important}
html[data-theme="glass"] footer{background:linear-gradient(180deg,rgba(24,60,130,.8),rgba(18,48,102,.88))!important}
html[data-theme="dark"] footer .accent-bar,html[data-theme="glass"] footer .accent-bar{background:linear-gradient(90deg,#1b4288 0%,#4f8cff 30%,#7fb0ff 55%,#4f8cff 80%,#1b4288 100%)}
html[data-theme="dark"] .xl-ctl,html[data-theme="glass"] .xl-ctl,html[data-theme="dark"] .xag-photo-banner .xpb-caption,html[data-theme="glass"] .xag-photo-banner .xpb-caption{background:rgba(30,70,150,.82)}
html[data-theme="dark"] .xl-banner[data-xl-rot]::after,html[data-theme="glass"] .xl-banner[data-xl-rot]::after{background:linear-gradient(90deg,rgba(20,50,112,.7) 0,rgba(27,66,136,.45) 50%,rgba(27,66,136,.1) 100%)}

/* toast: fixed navy box, white text in every theme (the dark palettes flip --navy to a light colour, which made the text unreadable) */
.cart-toast{background:#0b1c2d!important;color:#fff!important;border:1px solid #7fd0ff!important;box-shadow:0 8px 24px rgba(0,0,0,.45)!important}
.cart-toast .cart-toast-icon{color:#7fe0b0!important}

/* ---------- electric blue glow on every button in the dark themes (Dark and Brite); Light keeps plain buttons ---------- */
html[data-theme="glass"] button:not(:disabled),html[data-theme="glass"] .btn,html[data-theme="glass"] a[class*="btn"],html[data-theme="glass"] a[class*="-cta"],html[data-theme="glass"] [role="button"],
html[data-theme="brite"] button:not(:disabled),html[data-theme="brite"] .btn,html[data-theme="brite"] a[class*="btn"],html[data-theme="brite"] a[class*="-cta"],html[data-theme="brite"] [role="button"]{
  box-shadow:0 0 0 1px #2f80ff,0 0 12px rgba(47,128,255,.75)}
html[data-theme="glass"] button:not(:disabled):hover,html[data-theme="glass"] .btn:hover,html[data-theme="glass"] a[class*="btn"]:hover,html[data-theme="glass"] a[class*="-cta"]:hover,html[data-theme="glass"] [role="button"]:hover,
html[data-theme="brite"] button:not(:disabled):hover,html[data-theme="brite"] .btn:hover,html[data-theme="brite"] a[class*="btn"]:hover,html[data-theme="brite"] a[class*="-cta"]:hover,html[data-theme="brite"] [role="button"]:hover,
html[data-theme="glass"] button:focus-visible,html[data-theme="glass"] .btn:focus-visible,html[data-theme="glass"] a[class*="btn"]:focus-visible,html[data-theme="glass"] a[class*="-cta"]:focus-visible,
html[data-theme="brite"] button:focus-visible,html[data-theme="brite"] .btn:focus-visible,html[data-theme="brite"] a[class*="btn"]:focus-visible,html[data-theme="brite"] a[class*="-cta"]:focus-visible{
  box-shadow:0 0 0 2px #5aa2ff,0 0 24px rgba(70,150,255,.95)}
