/* KAHAR 2026 — only presentation; all backend operations and JS hooks inherited. */
:root {
  color-scheme:dark;
  --bg:#060d1d; --bg-2:#0a1429; --panel:#0e1b34; --panel-2:#122342;
  --panel-3:#172a4d; --ink:#f3f8ff; --muted:#a6b9d6; --muted-2:#7288a8;
  --line:#263c62; --line-soft:#192b49; --accent:#378bff; --accent-2:#71b4ff;
  --radius:20px; --shadow:0 24px 72px rgba(0,4,18,.45);
}
html {background:#060d1d;scroll-padding-top:85px}
body {background:radial-gradient(ellipse 59% 38% at 81% 7%,rgba(16,75,185,.22),transparent 74%),radial-gradient(ellipse 40% 31% at 10% 62%,rgba(16,91,197,.10),transparent 76%),#060d1d;color:#f3f8ff}
body:before {opacity:.35;background-size:58px 58px;background-image:linear-gradient(rgba(100,156,241,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(100,156,241,.055) 1px,transparent 1px);mask-image:linear-gradient(to bottom,#000,transparent 87%)}
::selection{background:#397eff;color:#fff}
.topbar {height:82px;background:rgba(6,13,29,.90);border-bottom:1px solid rgba(115,168,251,.13);padding:0 max(22px,5vw)}
.brand{font-size:23px;font-weight:950;letter-spacing:-.065em;gap:11px}
.brand .logo-accent{color:#4ea0ff}
.brand-mark{width:34px;height:34px;display:grid;place-items:center;border:1px solid #398cff;border-radius:10px;background:linear-gradient(135deg,#183d83,#09152c);font-size:24px;font-weight:950;color:#eaf5ff;box-shadow:0 6px 28px rgba(21,112,247,.19),inset 0 1px 0 rgba(255,255,255,.14)}
.brand-sub{letter-spacing:.12em;color:#91a6c5;font-size:9px}
.topbar nav{gap:28px}.topbar nav a{color:#9db2cf}.topbar nav a:hover{color:#fff}
.nav-btn,.side-link{background:#101f3a;border-color:#274063;color:#eaf2ff}
.nav-btn:hover,.secondary:hover{border-color:#4b84db;background:#14294c}
/* Hero: two-column signal/registry identity distinct from original orange wordmark page. */
.hero {max-width:1300px;padding:58px 30px 82px}
.hero:before{width:640px;height:640px;right:-205px;top:-188px;border-color:rgba(46,120,245,.12);box-shadow:0 0 120px rgba(37,115,255,.08);pointer-events:none}
.hero:after{display:none}
.hero-topline{padding:15px 0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(136,173,242,.15);font-size:11px;font-weight:850;letter-spacing:.16em;color:#85a8db}
.hero-topline>span:first-child{display:flex;align-items:center;gap:9px}
.hero-live-dot{display:inline-block;width:8px;height:8px;border-radius:100%;background:#48a6ff;box-shadow:0 0 0 5px rgba(50,142,255,.08),0 0 20px rgba(45,142,255,.7)}
.hero-top-code{font-family:ui-monospace,Menlo,monospace;color:#5c7ea9;letter-spacing:.1em}
.hero-intro{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,.82fr);gap:22px;align-items:center;padding:53px 0 57px}
.hero-copy{max-width:880px;position:relative;z-index:2}
.hero .eyebrow{color:#80a5d9;font-size:11px;letter-spacing:.16em}.eyebrow:before{border-color:#318cfb;background:rgba(49,140,251,.20);box-shadow:0 0 14px rgba(49,140,251,.3)}
.hero h1{font-size:clamp(48px,6.3vw,90px);letter-spacing:-.078em;line-height:1.025;white-space:nowrap;margin:25px 0 23px;font-weight:950}
.hero h1 .metal{background:linear-gradient(180deg,#fff,#d2e4ff 69%,#91b9f6);background-clip:text;-webkit-background-clip:text;text-shadow:none;color:transparent}
.hero h1 .accent-word{color:#3c91ff;text-shadow:0 0 65px rgba(17,113,255,.23)}
.lead{font-size:16px;line-height:1.75;color:#aabbd4;max-width:650px;margin:0 0 25px}.lead strong{color:#edf4ff}
.hero-benefits{display:flex;gap:12px 24px;flex-wrap:wrap;color:#9eafd0;font-size:12px;font-weight:700}
.hero-benefits span{display:flex;align-items:center;gap:8px}.hero-benefits i{width:6px;height:6px;border:1px solid #4796ff;transform:rotate(45deg);display:block}
.hero-visual{height:340px;max-width:420px;width:100%;justify-self:end;position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(83,144,237,.25);border-radius:22px;background:radial-gradient(circle at 52% 45%,rgba(44,113,245,.31),transparent 49%),linear-gradient(130deg,#0f2654,#08162e 72%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 20px 60px rgba(0,10,29,.4)}
.hero-visual:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(85,151,240,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(85,151,240,.08) 1px,transparent 1px);background-size:27px 27px;mask-image:radial-gradient(circle,#000,transparent 80%)}
.hero-visual:after{content:'';position:absolute;inset:0;border-radius:22px;background:linear-gradient(120deg,transparent 34%,rgba(82,157,255,.065) 50%,transparent 64%);pointer-events:none}
.orbit{position:absolute;border:1px solid rgba(92,163,255,.30);border-radius:50%;box-shadow:0 0 22px rgba(62,146,255,.04)}.orbit-one{width:280px;height:280px}.orbit-two{width:215px;height:215px;border-style:dashed;border-color:rgba(116,169,250,.35);transform:rotate(25deg)}
.orbit-beam{position:absolute;width:205px;height:205px;border:1px solid rgba(121,178,255,.2);transform:rotate(45deg);border-radius:17px}
.visual-letter{font-size:145px;font-weight:950;letter-spacing:-.1em;line-height:1;color:#f1f8ff;text-shadow:0 4px 40px rgba(43,137,253,.5);z-index:1;padding-right:15px}
.visual-tag{position:absolute;z-index:2;background:rgba(8,20,42,.85);border:1px solid rgba(100,164,248,.29);padding:12px 14px;border-radius:12px;backdrop-filter:blur(12px)}
.visual-tag-top{left:16px;top:16px;display:flex;align-items:center;gap:12px}.visual-tag-top small{font:700 9px ui-monospace,Menlo,monospace;letter-spacing:.09em;color:#91acd8}.visual-tag-top b{font-size:13px;color:#63abff}
.visual-tag-bottom{right:16px;bottom:22px;display:flex;align-items:center;gap:9px;line-height:1.25;font-size:9px;letter-spacing:.12em;color:#a7bfdf;font-weight:700}.visual-tag-bottom b{font-size:15px;color:#fff;letter-spacing:.05em}.visual-indicator{width:8px;height:8px;background:#419aff;box-shadow:0 0 15px #419aff;border-radius:50%}
.visual-bottom-code{position:absolute;bottom:16px;left:17px;font:700 8px ui-monospace,Menlo,monospace;letter-spacing:.13em;color:#6e8db8}
.search-section-heading{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:20px}
.search-section-heading h2{font-size:clamp(25px,3vw,35px);letter-spacing:-.04em;line-height:1.1;margin:8px 0 0}.search-index{font-size:10px;letter-spacing:.15em;font-weight:800;color:#62aaff}.search-heading-note{font-size:12px;color:#7c98bc}
.search-wrap{grid-template-columns:minmax(0,1fr) minmax(235px,275px);gap:17px}
.search-card,.panel-card,.action-card,.winner-panel{border:1px solid #243b60;background:linear-gradient(143deg,rgba(14,31,59,.98),rgba(9,20,40,.98));box-shadow:0 18px 55px rgba(0,9,31,.35)}
.search-card{padding:31px}.search-card:before,.panel-card:before{background:linear-gradient(90deg,transparent,#4ca2ff,transparent)}
.search-aside{border:1px solid #264064;background:linear-gradient(153deg,#102751,#0a1832 75%);padding:25px}
.search-aside:after,.action-card:after{background:radial-gradient(circle,rgba(37,122,255,.26),transparent 67%)}
.aside-icon{background:#0b1b38;border-color:#3262a9;color:#6dadff;font-size:26px}
.aside-copy b{color:#f0f6ff}.aside-copy p{color:#98aac9}
.field-group,label{color:#d4e2f5}.field-group small{color:#8ba0c1}
input,select,textarea{background:#080f20;border:1px solid #2a3d5d;color:#f4f8ff;border-radius:11px}
input::placeholder,textarea::placeholder{color:#7185a4}
input:focus,select:focus,textarea:focus{border-color:#4b9bff;background:#0b1932;box-shadow:0 0 0 3px rgba(43,134,255,.14)}
.divider{background:#283b5d}.shield{color:#8ca5ca}.shield:before{background:#4396ff;box-shadow:0 0 12px #398cff}
.consent{color:#93a7c9}
.primary{background:linear-gradient(115deg,#2476f5,#1155db);border-color:#408dfa;box-shadow:0 12px 33px rgba(27,110,244,.25);color:#fff}
.primary:hover{background:linear-gradient(115deg,#3288ff,#1764ef);box-shadow:0 14px 40px rgba(29,119,255,.34)}
.secondary{background:#132544;border-color:#30476d;color:#eff6ff}
.micro-row{color:#86a0c4}.micro-row span:before{color:#509fff}
.result{background:linear-gradient(140deg,#122644,#09182d);border-color:#304c78}.result:before{background:#368dff}
.ticket,.ticket-summary,.ticket-toggle{background:#0a1a35;border-color:#2d466e}.ticket:first-child{border-color:#448eff}
.ticket-summary span{color:#a4b4cb}.ticket-summary strong{color:#5ca7ff}
.active-section{max-width:1300px;padding:76px 30px}.section-title-row h2,.app-section h2,.panel-card h2{color:#f0f7ff}
.section-title-row h2 span,.app-section h2 span{color:#569eff}
.action-grid{gap:18px}.action-card{border-radius:20px;min-height:205px;padding:24px}.action-card .num{color:#f3f8ff}
.action-card-status{border-color:#2e4a75;background:#102441;color:#bcd7fb}.status-dot{background:#112341;border-color:#29456c;color:#a3b5cf}
.app-section{max-width:1236px;border-color:#284266;background:linear-gradient(130deg,#0d2247,#0a1831)}
.app-badge{background:linear-gradient(140deg,#0e3674,#09152c);border-color:#315d9a}.app-letter{color:#e6f2ff}.app-letter span{color:#54a4ff}
.chips span{background:#0a1b34;border-color:#2b446e;color:#b1c8e7}
.brand-mark,.aside-icon,.primary,.nav-btn,.secondary{transition:all .18s ease}
footer{border-color:#1d3559;background:rgba(5,12,25,.7)}footer p{color:#8ba5c9}
/* Administrators: same functions, different theme. */
.admin-body{background:radial-gradient(circle at 90% 10%,rgba(24,90,181,.15),transparent 32rem),#060d1d}
.sidebar{background:linear-gradient(180deg,#0d1a32,#081329);border-right-color:#294367}
.sidebar .side-link{color:#aebfda;border-color:transparent;background:transparent}
.sidebar .side-link:hover{background:#14294c;color:#fff}
.sidebar .side-link.active{color:#f3f8ff;border-color:#3261a4;background:#15325b}
.admin-top{border-color:#243957}.admin-main{color:#f3f8ff}
.login-card,.panel-card{background:linear-gradient(145deg,#122444,#09162a);border-color:#2d486d}
.tab-panel .panel-card{box-shadow:0 16px 48px rgba(0,7,22,.27)}
/* Public tables, winner pages, livestream. */
.table-page-body,.live-draw-body{background:#060d1d;color:#edf5ff}
.table-topbar,.live-draw-topbar{background:rgba(7,18,35,.94);border-color:#2b4369}
.table-panel,.live-draw-panel,.winner-panel{background:linear-gradient(145deg,#0f2243,#081429);border-color:#294369}
.big-table-wrap,.live-draw-table-wrap,.data-table-wrap{border-color:#273e62;background:#0a1730}
.big-public-table .ticket-cell,.live-draw-table .ticket-cell{color:#55a4ff}
/* Some old pages have hard-coded orange inline gradients. Override selected public components. */
.winner-badge{border-color:#4575c7;background:rgba(50,118,227,.12);color:#bbdbff}
.manager-contact-box{border-color:rgba(63,143,252,.34);background:linear-gradient(150deg,rgba(45,119,230,.11),rgba(11,33,76,.06))}
.winners-public-button{border-color:#4f99ff!important;background:linear-gradient(180deg,#378ffe,#1157df)!important;color:#fff!important;box-shadow:0 9px 25px rgba(17,106,250,.20)!important}
@media(max-width:1110px){.hero h1{font-size:clamp(46px,5.7vw,76px)}.hero-intro{grid-template-columns:minmax(0,1.5fr) minmax(240px,.8fr)}.hero-visual{height:305px}}
@media(max-width:850px){.hero{padding:36px 20px 50px}.hero-intro{grid-template-columns:1fr;padding:43px 0 36px}.hero h1{font-size:clamp(47px,8.5vw,82px)}.hero-visual{height:215px;max-width:none;justify-self:stretch}.hero-visual .orbit-one{height:210px;width:210px}.hero-visual .orbit-two{width:160px;height:160px}.hero-visual .orbit-beam{height:148px;width:148px}.hero-visual .visual-letter{font-size:110px}.search-wrap{grid-template-columns:1fr}.search-aside{min-height:150px}.active-section{padding:50px 20px}.hero-topline{font-size:10px}}
@media(max-width:610px){.topbar{height:72px;padding:0 16px}.topbar nav{gap:10px}.brand{font-size:20px}.brand-mark{width:31px;height:31px;font-size:20px}.brand-sub,.nav-app-link{display:none!important}.topbar nav a{font-size:11px}.nav-btn{font-size:11px;padding:9px 10px}.hero{padding:25px 16px 48px}.hero-top-code{display:none}.hero-topline{font-size:9px;letter-spacing:.085em}.hero-intro{padding:34px 0 30px}.hero h1{font-size:clamp(34px,8.3vw,56px);line-height:1.08;letter-spacing:-.07em;white-space:normal;margin:18px 0}.hero .eyebrow{font-size:9px}.lead{font-size:14px;line-height:1.65}.hero-benefits{font-size:10px;gap:9px 16px}.hero-visual{height:165px}.hero-visual .orbit-one{width:166px;height:166px}.hero-visual .orbit-two{width:124px;height:124px}.hero-visual .orbit-beam{width:120px;height:120px}.hero-visual .visual-letter{font-size:87px}.visual-tag{padding:8px 9px}.visual-tag-top{top:9px;left:9px}.visual-tag-bottom{right:9px;bottom:9px}.visual-bottom-code{font-size:7px;bottom:10px;left:9px}.search-section-heading{align-items:start}.search-heading-note{display:none}.search-card{padding:20px}.search-aside{padding:20px}.active-section{padding:44px 16px}.search-section-heading h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
/* Remove the original site's warm glow from the administrator login page. */
.login-shell{background:radial-gradient(circle at 50% 20%,rgba(34,99,206,.15),transparent 31rem),#060d1d}
.login-card p{color:#a0b5d3}


/* =========================================================
   Desktop-only cosmic particles for homepage hero
   ========================================================= */
.hero{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.hero > *{
  position:relative;
  z-index:1;
}
.hero-particles-layer{
  position:absolute;
  inset:0;
  overflow:hidden;
  pointer-events:none;
  z-index:0;
}
.hero-particles-layer::before,
.hero-particles-layer::after{
  content:'';
  position:absolute;
  inset:-5%;
  pointer-events:none;
}
.hero-particles-layer::before{
  background:
    radial-gradient(circle at 18% 22%, rgba(126,182,255,.10), transparent 0 28%),
    radial-gradient(circle at 80% 18%, rgba(88,156,255,.10), transparent 0 26%),
    radial-gradient(circle at 68% 68%, rgba(81,167,255,.08), transparent 0 23%);
  filter: blur(14px);
  opacity:.95;
}
.hero-particles-layer::after{
  background:linear-gradient(135deg, rgba(255,255,255,.05), transparent 32%, transparent 68%, rgba(96,167,255,.05));
  opacity:.32;
}
.hero-particle{
  position:absolute;
  left:0;
  top:0;
  width:var(--size,4px);
  height:var(--size,4px);
  border-radius:999px;
  opacity:var(--opacity,.55);
  will-change:transform, opacity;
}
.hero-particle::before{
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:radial-gradient(circle at 35% 35%, rgba(255,255,255,.98), rgba(194,225,255,.94) 34%, rgba(104,176,255,.42) 67%, rgba(104,176,255,0) 100%);
  box-shadow:0 0 calc(var(--size,4px) * 2.8) rgba(83,163,255,.34);
}
.hero-particle.is-soft::before{
  filter:blur(.35px);
  opacity:.82;
}
.hero-particle.is-tiny::before{
  box-shadow:0 0 calc(var(--size,4px) * 2.0) rgba(83,163,255,.22);
}
.hero-particle-trail{
  position:absolute;
  right:50%;
  top:50%;
  width:calc(var(--trail, 0px));
  height:1px;
  transform:translateY(-50%);
  transform-origin:right center;
  background:linear-gradient(90deg, rgba(118,188,255,0), rgba(118,188,255,.22));
  opacity:.38;
  filter:blur(.1px);
}
.hero-particle-glow{
  position:absolute;
  inset:-18px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(92,164,255,.16), transparent 72%);
  opacity:.55;
}
@media (max-width: 900px), (pointer: coarse), (hover: none), (prefers-reduced-motion: reduce){
  .hero-particles-layer{ display:none !important; }
}