*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Arial,Helvetica,sans-serif;color:#fff;background:url('teaser02.png') center/cover fixed;min-height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}
.overlay{position:fixed;inset:0;background:rgba(5,10,20,.55);backdrop-filter:blur(2px)}
.content{position:relative;z-index:5;text-align:center;width:min(900px,90%);animation:fadeIn 1.6s ease}
.logo{font-size:64px;font-weight:300;letter-spacing:8px}.logo span{color:#d8b36a;font-weight:600}
.line{width:160px;height:2px;margin:28px auto;background:linear-gradient(90deg,transparent,#d8b36a,transparent);animation:glow 3s infinite}
h1{font-size:44px;font-weight:300;margin-bottom:24px}
p{max-width:700px;margin:auto;font-size:22px;line-height:1.7;color:#f0f0f0}
.loader{width:300px;height:4px;margin:70px auto 20px;background:rgba(255,255,255,.15);overflow:hidden;border-radius:20px}
.loader div{width:120px;height:100%;background:#d8b36a;animation:loading 2.5s infinite ease-in-out}
small{letter-spacing:4px;color:#d8b36a}
.particles{position:fixed;inset:0;pointer-events:none}
.particles span{position:absolute;width:3px;height:3px;background:#d8b36a;border-radius:50%;opacity:.5;animation:float 10s linear infinite}
.particles span:nth-child(1){left:10%}.particles span:nth-child(2){left:18%;animation-delay:2s}.particles span:nth-child(3){left:30%;animation-delay:4s}.particles span:nth-child(4){left:40%;animation-delay:1s}.particles span:nth-child(5){left:55%;animation-delay:3s}.particles span:nth-child(6){left:66%;animation-delay:5s}.particles span:nth-child(7){left:75%;animation-delay:7s}.particles span:nth-child(8){left:82%;animation-delay:2s}.particles span:nth-child(9){left:90%;animation-delay:4s}.particles span:nth-child(10){left:95%;animation-delay:6s}
@keyframes float{from{transform:translateY(110vh);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-20vh);opacity:0}}
@keyframes loading{from{transform:translateX(-120px)}to{transform:translateX(320px)}}
@keyframes glow{0%,100%{opacity:.4}50%{opacity:1;box-shadow:0 0 20px #d8b36a}}
@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.logo{font-size:38px;letter-spacing:3px}h1{font-size:30px}p{font-size:18px}.loader{width:220px}}