*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#0e0e12;--bg-card:#16161c;--bg-card2:#1a1a22;
  --border:rgba(255,255,255,.08);--border-s:rgba(255,255,255,.14);
  --pri:#a8b5a0;--pri-dim:rgba(168,181,160,.1);
  --fg:#f0f0f0;--fg-m:rgba(240,240,240,.45);--fg-m2:rgba(240,240,240,.24);
  --red:#ef4444;--yel:#facc15;--sil:#cbd5e1;--amb:#d97706;
  --r:12px;--rs:8px;--mono:'Courier New','Lucida Console',monospace;
}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{text-decoration:none;color:inherit}ul{list-style:none}button{cursor:pointer;font:inherit;border:none;background:none}
.c{max-width:1100px;margin:0 auto;padding:0 24px}
.rev{opacity:0;transform:translateY(26px);transition:opacity .6s,transform .6s}
.rev.in{opacity:1;transform:none}
.revx{opacity:0;transform:translateX(26px);transition:opacity .6s,transform .6s}
.revx.in{opacity:1;transform:none}

#nav{position:fixed;top:0;left:0;right:0;z-index:100;transition:background .4s}
#nav.sc{background:rgba(14,14,18,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}
.nw{display:flex;align-items:center;justify-content:space-between;height:64px}
.nlinks{display:flex;align-items:center;gap:28px}
.logo img {height: 45px; width: auto; margin-top: 4%;}
.nlinks a{font-size:13px;color:var(--fg-m);transition:color .2s}.nlinks a:hover{color:var(--fg)}
.bsm{display:inline-flex;align-items:center;justify-content:center;padding:5px 14px;background:var(--pri);color:#0a192f !important;font-size:13px;font-weight:600;border-radius:var(--rs);transition:opacity .2s}
.bsm:hover{opacity:.82}
.hbtn{display:none;color:var(--fg-m);padding:6px}
.mmenu{display:none;flex-direction:column;background:rgba(14,14,18,.97);border-bottom:1px solid var(--border);padding:10px 24px 20px}
.mmenu a{display:block;padding:11px 0;font-size:15px;color:var(--fg-m);border-bottom:1px solid var(--border);transition:color .2s}
.mmenu a:last-child{border-bottom:none}.mmenu a:hover{color:var(--fg)}
@media(max-width:768px){.nlinks{display:none}.hbtn{display:block}}

#hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden}
#hero-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
.ficons,.hg{position:relative;z-index:2}
.ficons{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.fi{position:absolute;color:rgba(168,181,160,.07);transition:transform 0.4s ease-out, color 0.4s ease-out}
#hero:hover .fi{color:rgba(168,181,160,.16);transform:scale(1.08)}
.hg{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:100px 0 60px;width:100%}
.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border:1px solid rgba(168,181,160,.3);border-radius:999px;font-size:12px;font-weight:500;color:var(--pri);margin-bottom:22px}
h1.ht{font-size:clamp(2rem,4vw,3.8rem);font-weight:800;line-height:1.08;letter-spacing:-1.5px;margin-bottom:18px}
h1.ht span{color:var(--pri)}
.tline{font-family:var(--mono);font-size:16px;color:var(--fg-m);margin-bottom:10px}
.hdesc{font-size:14px;color:var(--fg-m);max-width:440px;margin-bottom:30px;line-height:1.7}
.hbtns{display:flex;gap:12px;flex-wrap:wrap}
.bp{display:inline-flex;align-items:center;padding:11px 30px;background:var(--pri);color:#0e0e12;font-size:14px;font-weight:700;border-radius:var(--r);transition:all .25s ease}
.bp:hover{opacity:.88;transform:translateY(-2px);box-shadow:0 6px 20px rgba(168,181,160,.3)}
.bo{display:inline-flex;align-items:center;padding:11px 30px;background:transparent;color:var(--fg);font-size:14px;font-weight:500;border-radius:var(--r);border:1px solid var(--border-s);transition:all .25s ease}
.bo:hover{background:var(--bg-card);border-color:var(--pri);transform:translateY(-2px)}
.cbox{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);padding:20px;font-family:var(--mono);font-size:13px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.4);transition:box-shadow 0.3s ease, border-color 0.3s ease}
.cbox:hover{border-color:rgba(168,181,160,0.4);box-shadow:0 15px 40px rgba(0,0,0,0.6), 0 0 20px rgba(168,181,160,0.18)}
.cdots{display:flex;align-items:center;gap:6px;margin-bottom:16px}
.dot{width:12px;height:12px;border-radius:50%}
.dr{background:rgba(239,68,68,.6)}.dy{background:rgba(250,204,21,.6)}.dg{background:rgba(74,222,128,.6)}
.fn{margin-left:10px;font-size:11px;color:rgba(240,240,240,.35)}
.cl{padding:2px 0}.i1{padding-left:24px}.i2{padding-left:48px}
.cp{color:var(--pri)}.cm{color:var(--fg-m)}.cg{color:#4ade80}.cb{color:#60a5fa}.cf{color:var(--fg)}
.cur{display:inline-block;width:8px;height:16px;background:var(--pri);animation:blink 1s step-end infinite;vertical-align:text-bottom}
@keyframes blink{50%{opacity:0}}

.particle-face-wrapper {
  position: relative;
  width: 100%;
  height: 440px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  user-select: none;
}
#face-canvas {
  width: 100%;
  height: 100%;
  display: block;
  filter: drop-shadow(0 0 15px rgba(168, 181, 160, 0.25));
  transition: filter 0.3s ease;
}
#face-canvas.flash-pulse {
  animation: flashBurst 0.45s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
@keyframes flashBurst {
  0% { filter: brightness(1) drop-shadow(0 0 15px rgba(168, 181, 160, 0.25)); }
  35% { filter: brightness(3.5) drop-shadow(0 0 45px rgba(255, 255, 255, 0.95)) drop-shadow(0 0 30px rgba(74, 222, 128, 0.9)); }
  100% { filter: brightness(1) drop-shadow(0 0 15px rgba(168, 181, 160, 0.25)); }
}
.particle-caption {
  position: absolute;
  bottom: 12px;
  right: 12px;
  font-family: var(--mono);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  color: rgba(240, 240, 240, 0.7);
  background: rgba(14, 14, 18, 0.75);
  backdrop-filter: blur(10px);
  padding: 6px 16px;
  border-radius: 999px;
  border: 1px solid rgba(168, 181, 160, 0.25);
  transition: opacity 0.4s ease, transform 0.4s ease;
  pointer-events: none;
  box-shadow: 0 4px 15px rgba(0,0,0,0.5);
}
.cap-name {
  font-weight: 700;
  color: var(--pri);
}
.cap-sep {
  color: rgba(240, 240, 240, 0.3);
  margin: 0 5px;
}
.cap-title {
  color: rgba(240, 240, 240, 0.55);
}
@media(max-width:900px){
  .hg{grid-template-columns:1fr}
  .hcode{width:100%;margin-top:28px;display:block}
  .particle-face-wrapper{height:360px}
}
@media(max-width:520px){
  .particle-face-wrapper{height:300px}
  .particle-caption{font-size:10px;padding:5px 12px;bottom:8px;right:8px}
}

#unis{padding:36px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden}
.ulbl{text-align:center;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:3px;color:rgba(240,240,240,.22);margin-bottom:20px}
.uw{position:relative}
.uw::before,.uw::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none}
.uw::before{left:0;background:linear-gradient(to right,var(--bg),transparent)}
.uw::after{right:0;background:linear-gradient(to left,var(--bg),transparent)}
.utrack{display:flex;gap:48px;width:max-content;animation:sl 30s linear infinite}
.utrack span{font-size:13px;font-weight:600;color:rgba(240,240,240,.28);white-space:nowrap;transition:color .3s}
.utrack span:hover{color:rgba(240,240,240,.6)}
@keyframes sl{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.sec{padding:80px 0}.seca{background:rgba(255,255,255,.02)}
.stag{font-family:var(--mono);font-size:13px;color:var(--pri);margin-bottom:10px}
.stit{font-size:clamp(1.5rem,3vw,2.4rem);font-weight:800;letter-spacing:-.8px;color:var(--fg);margin-bottom:14px}
.ssub{font-size:14px;color:var(--fg-m);max-width:420px;margin:0 auto 52px;line-height:1.7}
.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);padding:20px 22px;transition:border-color .3s}
.card:hover{border-color:rgba(168,181,160,.22)}
.icb{width:40px;height:40px;border-radius:10px;background:var(--pri-dim);display:flex;align-items:center;justify-content:center;flex-shrink:0}

.ag{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.alead p{font-size:14px;color:var(--fg-m);line-height:1.8;margin-bottom:14px}
.alead p em{color:var(--fg);font-style:italic}
.acs{display:flex;flex-direction:column;gap:14px;margin-top:28px}
.ac{display:flex;gap:16px;align-items:flex-start}
.ac h3{font-size:14px;font-weight:700;color:var(--fg);margin-bottom:4px}
.ac p{font-size:12px;color:var(--fg-m);line-height:1.7}
.acode{position:sticky;top:90px}
@media(max-width:900px){.ag{grid-template-columns:1fr}.acode{display:none}}

.qg{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.steps{display:flex;flex-direction:column;gap:28px;position:relative}
.steps::before{content:'';position:absolute;left:23px;top:0;bottom:0;width:1px;background:var(--border)}
.step{display:flex;gap:20px;align-items:flex-start}
.sc2{width:48px;height:48px;border-radius:50%;border:2px solid rgba(168,181,160,.4);background:var(--bg);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1}
.sb{flex:1}.sn2{font-family:var(--mono);font-size:11px;color:var(--pri);margin-bottom:4px}
.sb h3{font-size:15px;font-weight:700;color:var(--fg);margin-bottom:6px}
.sb p{font-size:13px;color:var(--fg-m);line-height:1.7}
.qcode{position:sticky;top:90px}
@media(max-width:900px){.qg{grid-template-columns:1fr}.qcode{display:none}}

.sr1{display:grid;grid-template-columns:repeat(3,1fr);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);padding:40px 24px;margin-bottom:24px}
.sr2{display:grid;grid-template-columns:repeat(4,1fr);background:rgba(168,181,160,.04);border:1px solid rgba(168,181,160,.18);border-radius:var(--r);padding:50px 24px 40px;margin-bottom:48px;position:relative}
.sr2::before{content:'// 2025 results';position:absolute;top:16px;left:50%;transform:translateX(-50%);font-family:var(--mono);font-size:11px;color:var(--pri)}
.si{text-align:center}.si+.si{border-left:1px solid var(--border)}
.sr2 .si+.si{border-left:1px solid rgba(168,181,160,.12)}
.snum{font-family:var(--mono);font-size:clamp(2rem,4vw,3rem);font-weight:800;color:var(--pri);display:block}
.slbl{font-size:12px;color:var(--fg-m);margin-top:6px}
.dcds{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.dcd{padding:20px 22px}.dch{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.dtr{display:flex;align-items:center;gap:12px}
.dct{font-size:14px;font-weight:600;color:var(--fg)}
.badge2{display:inline-flex;align-items:center;padding:2px 10px;background:rgba(255,255,255,.07);border-radius:999px;font-size:11px;font-weight:500;color:var(--fg-m)}
.dlst li{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:var(--fg-m);margin-bottom:10px;line-height:1.6}
.dlst li::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--pri);flex-shrink:0;margin-top:5px}
@media(max-width:768px){.sr2{grid-template-columns:repeat(2,1fr);gap:20px}.dcds{grid-template-columns:1fr}}

.rg{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.rlst{display:flex;flex-direction:column;gap:10px}
.rc{display:flex;gap:14px;align-items:flex-start;padding:14px 18px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--rs);transition:border-color .3s}
.rc:hover{border-color:rgba(168,181,160,.12)}
.rn{font-family:var(--mono);font-size:12px;font-weight:700;color:var(--pri);flex-shrink:0;width:24px;text-align:right}
.rc p{font-size:13px;color:var(--fg-m);line-height:1.6}
.rwarn{margin-top:20px;display:flex;gap:12px;align-items:flex-start;padding:14px 18px;background:rgba(239,68,68,.05);border:1px solid rgba(239,68,68,.2);border-radius:var(--rs)}
.rwarn p{font-size:12px;color:rgba(239,68,68,.8);line-height:1.6}
.rcode{position:sticky;top:90px}
@media(max-width:900px){.rg{grid-template-columns:1fr}.rcode{display:none}}

.pg2{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.pc{text-align:center;padding:32px 20px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);transition:border-color .3s,transform .3s}
.pc:hover{transform:translateY(-3px)}
.gold:hover{border-color:rgba(250,204,21,.4)}.silv:hover{border-color:rgba(203,213,225,.4)}
.brnz:hover{border-color:rgba(217,119,6,.4)}.hon:hover{border-color:rgba(168,181,160,.4)}
.piw{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.gold .piw{background:rgba(250,204,21,.1)}.silv .piw{background:rgba(203,213,225,.1)}
.brnz .piw{background:rgba(217,119,6,.1)}.hon .piw{background:var(--pri-dim)}
.pnm{font-size:14px;font-weight:700;margin-bottom:6px}
.gold .pnm{color:var(--yel)}.silv .pnm{color:var(--sil)}
.brnz .pnm{color:var(--amb)}.hon .pnm{color:var(--pri)}
.ppct{font-size:18px;font-weight:700;color:var(--fg);margin-bottom:8px}
.pdsc{font-size:12px;color:var(--fg-m)}
.pnote{text-align:center;font-size:13px;color:var(--fg-m);margin-top:36px}
@media(max-width:768px){.pg2{grid-template-columns:repeat(2,1fr)}}

.fl{display:flex;flex-direction:column;gap:8px;max-width:720px;margin:0 auto}
.fi2{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--rs);overflow:hidden;transition:border-color .3s}
.fi2.open{border-color:rgba(168,181,160,.2)}
.ftrg{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;width:100%;padding:18px 20px;text-align:left;font-size:14px;font-weight:500;color:var(--fg);transition:color .2s}
.ftrg:hover{color:var(--pri)}
.fic{flex-shrink:0;margin-top:2px;transition:transform .3s}
.fi2.open .fic{transform:rotate(180deg)}
.fans{max-height:0;overflow:hidden;transition:max-height .35s ease}
.fans-in{padding:0 20px 18px;font-size:13px;color:var(--fg-m);line-height:1.8}

.fcard{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);padding:32px;max-width:540px;margin:0 auto}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fg2{margin-bottom:18px}
.fg2 label{display:block;font-size:13px;font-weight:500;color:var(--fg);margin-bottom:6px}
.inp,.sel{width:100%;background:rgba(255,255,255,.03);border:1px solid var(--border-s);border-radius:var(--rs);padding:8px 12px;font-size:13px;color:var(--fg);font-family:inherit;outline:none;transition:border-color .2s;height:38px}
.inp::placeholder{color:var(--fg-m2)}
.inp:focus,.sel:focus{border-color:var(--pri);box-shadow:0 0 0 3px rgba(168,181,160,.15)}
.sel{cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23888' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px;background-color:rgba(255,255,255,.03)}
.sel option{background:#1a1a22}
.fchk{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:var(--fg-m);line-height:1.6;margin-bottom:20px;cursor:pointer}
.fchk input{margin-top:2px;accent-color:var(--pri);flex-shrink:0}
.bsub{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:var(--pri);color:#0e0e12;font-size:14px;font-weight:700;border-radius:var(--r);cursor:pointer;border:none;transition:opacity .2s}
.bsub:hover{opacity:.86}
.fnote{text-align:center;font-size:11px;color:var(--fg-m2);margin-top:14px}
@media(max-width:520px){.frow{grid-template-columns:1fr}}

#contact{padding:60px 0 40px;border-top:1px solid var(--border)}
.cgr{display:flex;align-items:flex-start;justify-content:space-between;gap:40px;flex-wrap:wrap}
.f-logo img{height: 52px; width: auto;}
.cdesc{font-size:13px;color:var(--fg-m);max-width:260px;line-height:1.7;margin-bottom:16px}
.cem{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--pri);transition:opacity .2s}.cem:hover{opacity:.75}
.clc h4{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--fg-m2);margin-bottom:14px}
.clc ul li{margin-bottom:8px}.clc ul li a{font-size:13px;color:var(--fg-m);transition:color .2s}.clc ul li a:hover{color:var(--fg)}
.fbot{margin-top:48px;padding-top:24px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.fbot p{font-size:12px;color:var(--fg-m2)}

#toast{position:fixed;bottom:28px;right:28px;z-index:999;background:var(--bg-card2);border:1px solid rgba(168,181,160,.3);border-radius:var(--r);padding:16px 22px;font-size:14px;color:var(--fg);transform:translateY(120px);opacity:0;transition:transform .4s,opacity .4s;pointer-events:none}
#toast.show{transform:none;opacity:1}
.tt{font-weight:700;color:var(--pri);margin-bottom:2px}

/* Login Button Click & Page Transition Animation */
.bsm {
  position: relative;
  overflow: hidden;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}
.bsm:active, .bsm.btn-clicking {
  transform: scale(0.93) !important;
  box-shadow: 0 0 20px rgba(168,181,160,0.6);
}
.bsm-pulse {
  animation: bsmGlow 0.4s ease-out forwards;
}
@keyframes bsmGlow {
  0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(168,181,160,0.7); }
  50% { transform: scale(1.08); box-shadow: 0 0 25px 6px rgba(168,181,160,0.8); }
  100% { transform: scale(0.98); opacity: 0.8; }
}

/* Code Terminal Screen Transition Overlay */
#login-overlay {
  position: fixed;
  inset: 0;
  background: radial-gradient(circle at center, rgba(18,18,24,0.96) 0%, rgba(10,10,14,0.99) 100%);
  backdrop-filter: blur(16px);
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s ease;
}
#login-overlay.active {
  opacity: 1;
  pointer-events: all;
}

.code-terminal-box {
  width: 420px;
  max-width: 90vw;
  background: #121218;
  border: 1px solid rgba(168,181,160,0.35);
  border-radius: var(--r);
  padding: 20px;
  font-family: var(--mono);
  font-size: 13px;
  box-shadow: 0 15px 50px rgba(0,0,0,0.85), 0 0 30px rgba(168,181,160,0.18);
  transform: scale(0.85);
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
#login-overlay.active .code-terminal-box {
  transform: scale(1);
}
.code-terminal-body {
  margin-top: 10px;
}
.code-terminal-body .cl {
  margin-bottom: 6px;
  opacity: 0;
  transform: translateY(6px);
}
#login-overlay.active .code-terminal-body .cl {
  animation: codeLineFade 0.3s forwards;
}
#login-overlay.active .code-terminal-body .cl:nth-child(1) { animation-delay: 0.15s; }
#login-overlay.active .code-terminal-body .cl:nth-child(2) { animation-delay: 0.85s; }
#login-overlay.active .code-terminal-body .cl:nth-child(3) { animation-delay: 1.6s; }
#login-overlay.active .code-terminal-body .cl:nth-child(4) { animation-delay: 2.3s; }

@keyframes codeLineFade {
  to { opacity: 1; transform: translateY(0); }
}

.code-tag-anim {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--mono);
  font-size: 16px;
  font-weight: 700;
  color: var(--pri);
  letter-spacing: 1px;
}
.code-tag-anim span {
  animation: glowTag 1s infinite alternate;
}
@keyframes glowTag {
  from { text-shadow: 0 0 4px rgba(168,181,160,0.2); }
  to { text-shadow: 0 0 16px rgba(168,181,160,0.9); color: #4ade80; }
}

/* Animated Login Card Entry */
.login-card-animated {
  animation: cardOpen 0.65s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  box-shadow: 0 20px 50px rgba(0,0,0,0.5), 0 0 30px rgba(168,181,160,0.12);
}
@keyframes cardOpen {
  0% {
    opacity: 0;
    transform: translateY(40px) scale(0.92);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* Minimalist & Pro Splash Screen (5s Horizon Beam Collapse) */
#splash-screen {
  position: fixed;
  inset: 0;
  background: #09090e;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.6s;
  overflow: hidden;
  cursor: pointer;
  user-select: none;
}

#splash-screen.fade-out {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

#splash-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}

.splash-logo-container {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px;
}

#splash-logo {
  max-width: 520px;
  width: 86vw;
  height: auto;
  opacity: 0;
  transform: scale(0.9) translateY(15px);
  filter: drop-shadow(0 0 20px rgba(168, 181, 160, 0.2));
  animation: proLogoEntrance 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards 0.2s, proLogoFloat 3s ease-in-out 1.4s infinite alternate;
  transition: opacity 0.5s ease, transform 0.5s ease;
}

@keyframes proLogoEntrance {
  0% {
    opacity: 0;
    transform: scale(0.88) translateY(20px);
    filter: brightness(0.2) drop-shadow(0 0 0px transparent);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
    filter: drop-shadow(0 0 35px rgba(168, 181, 160, 0.35));
  }
}

@keyframes proLogoFloat {
  0% {
    transform: translateY(0px) scale(1);
    filter: drop-shadow(0 0 30px rgba(168, 181, 160, 0.3));
  }
  100% {
    transform: translateY(-8px) scale(1.015);
    filter: drop-shadow(0 0 50px rgba(74, 222, 128, 0.55));
  }
}

/* Simple & Pro Horizon Beam Collapse Disappearance (3.8s - 5.0s) */
#splash-logo.horizon-collapse {
  animation: proHorizonBeamCollapse 1.0s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}

@keyframes proHorizonBeamCollapse {
  0% {
    opacity: 1;
    transform: scale(1) scaleY(1);
    filter: brightness(1.5) drop-shadow(0 0 45px rgba(74, 222, 128, 0.8));
  }
  40% {
    opacity: 1;
    transform: scaleX(1.18) scaleY(0.02);
    filter: brightness(3.5) drop-shadow(0 0 60px rgba(255, 255, 255, 1));
  }
  70% {
    opacity: 0.9;
    transform: scaleX(0.04) scaleY(0.02);
    filter: brightness(4) drop-shadow(0 0 40px rgba(74, 222, 128, 1));
  }
  100% {
    opacity: 0;
    transform: scaleX(0) scaleY(0);
    filter: brightness(5);
  }
}

.splash-skip-note {
  position: absolute;
  bottom: 32px;
  z-index: 2;
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 3px;
  color: rgba(240, 240, 240, 0.22);
  animation: pulseSkipNote 2s infinite alternate;
}

@keyframes pulseSkipNote {
  from { opacity: 0.2; }
  to { opacity: 0.6; color: var(--pri); }
}