:root{--bg:#120b2e;--ink:#fff;--purple:#7c3aed;--lime:#a3ff12;--red:#ff3864}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow-x:hidden}body{font-family:Inter,system-ui,sans-serif;background:linear-gradient(135deg,#120b2e,#240b42);color:var(--ink)}main{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;padding:32px}.hud{min-height:560px;border:4px solid var(--lime);background:linear-gradient(transparent 95%,rgba(163,255,18,.18) 96%),linear-gradient(90deg,transparent 95%,rgba(163,255,18,.18) 96%);background-size:34px 34px;box-shadow:0 0 32px rgba(163,255,18,.28);position:relative;padding:24px}.heart{font-size:1.5rem;color:var(--red)}.boss{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);font-size:clamp(5rem,15vw,13rem);font-weight:1000;text-shadow:0 8px var(--purple);animation:boss 1.1s steps(2) infinite}.pad{position:absolute;right:10%;bottom:9%;width:150px;height:90px;border-radius:40px;background:#1f1748;border:4px solid #fff}.copy p:first-child{color:var(--lime);text-transform:uppercase;font-weight:1000}h1{font-size:clamp(6rem,18vw,14rem);line-height:.8;margin:0}h2{font-size:clamp(2rem,5vw,4.5rem);line-height:1;margin:18px 0}.copy p:last-of-type{color:#c7b8ff;line-height:1.8;max-width:540px}.btn{display:inline-flex;margin-top:18px;padding:15px 22px;background:var(--lime);color:#111;text-decoration:none;font-weight:1000;border:4px solid #111;box-shadow:6px 6px 0 #000}.btn:hover{transform:translate(4px,4px);box-shadow:2px 2px 0 #000}@keyframes boss{50%{transform:translate(-50%,-53%) scale(1.04)}}@media(max-width:850px){main{grid-template-columns:1fr}.hud{min-height:320px}.copy{order:-1}}