*{margin:0;padding:0;box-sizing:border-box;font-family:Arial, sans-serif;}
body{background:#111;color:#fff;display:flex;flex-direction:column;min-height:100vh;}
header{padding:20px;text-align:center;}
header img{max-width:180px;}
.hero{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;}
.hero h1{font-size:2rem;margin-bottom:20px;}
.hero p{font-size:1.2rem;opacity:0.8;}
.construction{margin-top:40px;width:200px;height:200px;border:5px solid orange;border-top:5px solid transparent;border-radius:50%;animation:spin 2s linear infinite;}
@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
footer{text-align:center;padding:15px;font-size:0.9rem;opacity:0.6;}
@media(min-width:768px){
.hero h1{font-size:3rem;}
.hero p{font-size:1.5rem;}
}