*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Arial,sans-serif;background-color:#f4f4f9}body{display:flex;justify-content:center;align-items:center}.container{width:100vw;height:100vh;padding:20px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;background-color:#fff}h1{font-size:2.5rem;margin-bottom:10px;color:#333}p{font-size:1.2rem;margin-bottom:20px;color:#666}.iframe-container{width:100%;height:100%;flex:1;display:flex;justify-content:center;align-items:center}.iframe-container iframe{width:100%;height:100%;border:none}@media (max-width: 768px){h1{font-size:2rem}p{font-size:1rem}.container{padding:10px}}