body{margin:0;font-family:Arial,sans-serif;display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f4f4f4}.container{text-align:center;background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 8px #0000001a;width:90%;max-width:400px}.logo img{width:320px;margin-bottom:20px}.description p{font-size:16px;color:#333;margin-bottom:20px}.video-section{margin-bottom:20px}.video-button{padding:10px 20px;font-size:16px;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer}.video-button:hover{background-color:#218838}.form{display:flex;flex-direction:column;gap:10px}label{text-align:left;font-size:14px;color:#555}input{padding:10px;border:1px solid #ccc;border-radius:4px;font-size:14px}button{background-color:#007bff;color:#fff;border:none;padding:10px;border-radius:4px;cursor:pointer;font-size:16px}button:hover{background-color:#0056b3}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;justify-content:center;align-items:center}.modal-content{background:#fff;padding:20px;border-radius:8px;position:relative;text-align:center;width:90%;max-width:600px}.modal-content iframe{width:100%;height:315px}.close-button{position:absolute;top:10px;right:10px;font-size:24px;cursor:pointer;color:#333}@media (prefers-color-scheme: dark){body{background-color:#121212}.container{background:#1e1e1e;color:#eaeaea}.description p{color:#eaeaea}.video-button{background-color:#4caf50}.video-button:hover{background-color:#388e3c}input{background:#333;color:#eaeaea;border:1px solid #555}button{background-color:#1e88e5}button:hover{background-color:#1565c0}.modal-content{background:#333}.close-button{color:#eaeaea}}