*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Poppins,sans-serif;background:#081c3a;color:#fff;overflow:hidden}
.hero{height:100vh;background:url('images/background.jpg') center/cover no-repeat;display:flex;align-items:center;justify-content:center;position:relative}
.overlay{position:absolute;inset:0;background:linear-gradient(rgba(5,20,45,.82),rgba(5,20,45,.9))}
.card{position:relative;z-index:2;width:min(90%,760px);padding:50px;border:1px solid rgba(255,255,255,.18);border-radius:24px;background:rgba(255,255,255,.08);backdrop-filter:blur(14px);text-align:center;box-shadow:0 25px 60px rgba(0,0,0,.45)}
.logo{width:120px;margin-bottom:20px}
h3{color:#d4af37;letter-spacing:4px;font-size:.9rem}
h1{font-family:Cinzel,serif;font-size:3rem;margin:10px 0}
h2{color:#f1d37a;margin-bottom:20px}
p{line-height:1.8}
.small{margin-top:20px;color:#ddd}
.loaderline{height:6px;background:rgba(255,255,255,.12);border-radius:6px;overflow:hidden;margin:30px 0}
.loaderline span{display:block;height:100%;width:30%;background:#d4af37;animation:load 2s infinite}
#loader{position:fixed;inset:0;background:#081c3a;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999}
.ring{width:90px;height:90px;border:6px solid rgba(255,255,255,.15);border-top-color:#d4af37;border-radius:50%;animation:spin 1s linear infinite}
.txt{margin-top:20px}
footer{position:fixed;bottom:15px;width:100%;text-align:center;z-index:2}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes load{0%{transform:translateX(-120%)}100%{transform:translateX(350%)}}
@media(max-width:768px){.card{padding:30px}h1{font-size:2rem}h2{font-size:1.2rem}.logo{width:90px}}