#brand-startup{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;margin:0;background:radial-gradient(ellipse at 80% 20%,#19477a55,transparent 55%),#051d4b;color:white;text-align:center;font-family:Tahoma,Arial,sans-serif;transition:opacity .25s ease}
#brand-startup .identity{padding:28px;animation:brand-enter .65s ease both}
#brand-startup img{width:112px;height:112px;border-radius:26px;box-shadow:0 12px 40px #0002}
#brand-startup h1{font-size:clamp(23px,5vw,34px);line-height:1.7;margin:26px 0 8px;font-weight:700}
#brand-startup p{color:#ccd6e8;font-size:14px;margin:0}
#brand-startup .accent{display:block;width:52px;height:3px;border-radius:2px;background:#d09c01;margin:24px auto;animation:brand-line .8s ease both}
#brand-startup button{margin-top:24px;border:1px solid #d09c01;background:#d09c01;color:#071c43;font:inherit;padding:12px 22px;border-radius:8px;cursor:pointer}
#brand-startup button[hidden]{display:none}
#brand-startup.leaving{opacity:0;pointer-events:none}
@keyframes brand-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes brand-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){#brand-startup,#brand-startup .identity,#brand-startup .accent{animation:none;transition:none}}