body{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif;background-color:#2c3e50;color:#ecf0f1;text-align:center;height:100vh;display:flex;justify-content:center;align-items:center}h1{font-size:3em;text-transform:uppercase;letter-spacing:3px;animation:2s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.loader{border:16px solid #f3f3f3;border-top:16px solid #27408d;border-radius:50%;width:120px;height:120px;animation:2s linear infinite spin;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.subtext{font-size:1.2em;color:#bdc3c7;margin-top:10px;animation:2s ease-in-out fadeIn}