body{font-family:Arial,sans-serif;background:#f4f4f4;margin:0}.container{width:400px;margin:60px auto;text-align:center;background:#fff;padding:30px;border-radius:8px;box-shadow:0 0 10px #0000001a}input{width:100%;padding:10px;margin:10px 0}button{padding:10px 20px;margin:10px 5px;cursor:pointer}.home-page{min-height:100vh;background:linear-gradient(135deg,#141e30,#243b55);display:flex;justify-content:center;align-items:center;font-family:Arial,Helvetica,sans-serif;padding:20px}.home-container{background:#fff;padding:40px;border-radius:14px;box-shadow:0 12px 35px #00000040;text-align:center;width:100%;max-width:400px}.home-container h2{margin-bottom:25px;color:#222;font-size:22px}.home-container input{width:100%;padding:12px 15px;margin-bottom:20px;border-radius:8px;border:1px solid #ccc;font-size:14px;transition:.3s ease;outline:none}.home-container input:focus{border-color:#243b55;box-shadow:0 0 5px #243b5566}.home-container button{width:100%;padding:12px;border-radius:8px;border:none;background:#243b55;color:#fff;font-size:15px;cursor:pointer;transition:.3s ease}.home-container button:hover{background:#141e30;transform:translateY(-2px)}.home-container button:active{transform:scale(.98)}.video-page{min-height:100vh;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);display:flex;justify-content:center;align-items:center;padding:20px;font-family:Arial,Helvetica,sans-serif}.video-container{background:#fff;padding:30px;border-radius:12px;box-shadow:0 10px 30px #00000040;text-align:center;width:100%;max-width:800px}.video-container h2{margin-bottom:20px;color:#222;font-size:24px}.video-container video{width:100%;border-radius:10px;outline:none}