body{margin:0;font-family:Arial,sans-serif;background:#000;color:#fff;text-align:center}
.hero{position:relative;min-height:100vh;background:url("assets/eagle.png") center/cover no-repeat;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px}
.overlay{position:absolute;inset:0;background:rgba(0,0,0,0.55);z-index:1}
.logo{position:relative;z-index:3;width:280px;max-width:80%;margin-bottom:20px}
.badge{position:absolute;top:20px;right:20px;z-index:5;background:#ff0000;color:#fff;padding:12px 20px;border-radius:50px;font-size:1.2rem;font-weight:bold;animation:blink 1s infinite;box-shadow:0 0 12px #ff0000;text-decoration:none}
@keyframes blink{0%{opacity:1}50%{opacity:0.3}100%{opacity:1}}
.note{position:relative;z-index:4;background:#fff8cc;color:#333;padding:20px;width:300px;max-width:90%;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,0.4);margin-bottom:30px;transform:rotate(-2deg)}
.note.live{transform:rotate(1deg);background:#ffe7a8}
.pin{width:20px;height:20px;background:red;border-radius:50%;position:absolute;top:-10px;left:50%;transform:translateX(-50%);box-shadow:0 2px 6px rgba(0,0,0,0.5)}
h1{position:relative;z-index:3;font-size:2.5rem;margin:10px 0;text-shadow:0 0 15px #ff6600}
h2{position:relative;z-index:3;font-size:1.2rem;margin-bottom:30px}
.btn{position:relative;z-index:3;display:inline-block;padding:12px 22px;margin:10px;font-size:1.1rem;color:#fff;text-decoration:none;border-radius:8px;background:linear-gradient(90deg,#ff6600,#ffaa00)}
.btn:hover{transform:scale(1.07)}
footer{padding:20px;opacity:.7;font-size:.9rem}
@media(max-width:600px){h1{font-size:1.8rem}h2{font-size:1rem}.btn{font-size:1rem;padding:10px 18px}.note{width:260px}.badge{font-size:1rem;padding:8px 14px}}