:root{ --ibe-blue: #23a2ff; --ibe-silver:#c9d2dc; --ibe-bg-dark:#0b0f17; }
html, body { background: radial-gradient(1200px 600px at 50% -20%, rgba(35,162,255,.14), transparent 60%), #0b0f17; }
body{ color:#e6eefc; overflow-x:hidden; }
@keyframes bgPulse{0%{box-shadow:0 0 60px 20px rgba(35,162,255,.2);opacity:.75}50%{box-shadow:0 0 120px 35px rgba(35,162,255,.35);opacity:1}100%{box-shadow:0 0 60px 20px rgba(35,162,255,.2);opacity:.75}}
.bg-glow{position:fixed;inset:-20vh -20vw auto -20vw;height:40vh;margin:auto;left:0;right:0;filter:blur(60px);background:radial-gradient(circle at center, rgba(35,162,255,.25), rgba(35,162,255,0) 60%);animation:bgPulse 8s ease-in-out infinite;pointer-events:none;z-index:0}
#splash{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(1200px 600px at 50% -10%, rgba(35,162,255,.18), transparent 60%), #0b0f17;z-index:50}
#splash.hide{animation:fadeOut .9s ease forwards}
@keyframes fadeOut{to{opacity:0;visibility:hidden}}
.logo-hero{width:120px;height:120px;border-radius:24px;box-shadow:0 0 0 rgba(35,162,255,0)}
@keyframes glowExpand{0%{transform:scale(.96);filter:drop-shadow(0 0 0 rgba(35,162,255,0))}50%{transform:scale(1.02);filter:drop-shadow(0 0 24px rgba(35,162,255,.55))}100%{transform:scale(1.0);filter:drop-shadow(0 0 10px rgba(35,162,255,.35))}}
.glow-intro{animation:glowExpand 3s ease forwards}
.nav-shadow{box-shadow:0 8px 30px rgba(0,0,0,.35)}
.card{transition:transform .2s,box-shadow .2s,border-color .2s}
.card:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(35,162,255,.18);border-color:rgba(35,162,255,.35)}
.btn-ibe{background:linear-gradient(135deg,#23a2ff,#6fbfff);color:#07121d;font-weight:700}
.btn-ibe:hover{filter:brightness(1.05)}
footer{border-top:1px solid rgba(201,210,220,.15)}